Playground

Play with documented Geist components.

Play

Note: It is a happy talent to know how to play.

Code Editor

const Playground = () => (
  <Container>
    <Container row center style={{ justifyContent: 'space-between' }}>
      <Text h2 noMargin>Play</Text>
      <Button success>START</Button>
    </Container>

    <Container>
      <Note>It is a happy talent to know how to play.</Note>
    </Container>
  </Container>
)

render(Playground)

const Playground = () => (
  <Container>
    <Container row center style={{ justifyContent: 'space-between' }}>
      <Text h2 noMargin>Play</Text>
      <Button success>START</Button>
    </Container>
    <Container>
      <Note>It is a happy talent to know how to play.</Note>
    </Container>
  </Container>
)
render(Playground)