{ReStory}

Layout/Panel: Slots

Container component with header, content and footer sections
View fullscreen
Source Code
1export const Slots = component(() => (
2 ​<Panel>
3 ​ ​<StorySlot name="header">
4 ​ ​ ​Panel Header Content
5 ​ ​</StorySlot>
6 ​ ​<StorySlot name="content">
7 ​ ​ ​Main Panel Content
8 ​ ​</StorySlot>
9 ​ ​<StorySlot name="footer">
10 ​ ​ ​Panel Footer Content
11 ​ ​</StorySlot>
12 ​</Panel>
13));