Layout/Panel: Basic

Container component with header, content and footer sections
View fullscreen
Source Code
1export const Basic = component(() => (
2 <Stack direction="vertical">
3 <Panel>
4 <DemoBlock>Basic panel with default variant</DemoBlock>
5 </Panel>
6
7 <Panel variant="light">
8 <DemoBlock>Light variant panel</DemoBlock>
9 </Panel>
10
11 <Panel variant="dark">
12 <DemoBlock>Dark variant panel</DemoBlock>
13 </Panel>
14 </Stack>
15));