Embed Code

As the name says, the ExampleCode component renders components for test and live preview. You can use Flex and Grid to wrap the children to display it better by rendering it in one row and adding gaps in between the children.

Examples

Buttons

<>
  <Button>Button</Button>
  <Button size="large">Large Button</Button>
</>

Buttons in Grid

<Grid gridGap={2} gridAutoFlow="column" alignItems="center">
  <Button>Button</Button>
  <Button size="large">Large Button</Button>
</Grid>

ExampleCode

<Examples examples={defaultExamples}/>

ExampleCode With Grid

<Examples examples={gridExamples}/>