Playground

---
name: Playground
menu: Components
---
import { Playground } from '@component-controls/blocks';

You can wrap the example code in a <Story /> component - this will give you an identifier (story id) to reference this specific example of code.

---
name: Playground
menu: Components
---

import { Playground, Story } from '@component-controls/blocks';
import { Button } from '../src/components/Button'

# Button

<Playground>
  <Story name='example'>
    <Button kind="secondary">Click me</Button>
  </Story>  
</Playground>