message: at some Detail examples
diff: import React from 'react'
  import {
  Library,
  - Example
  + Example,
  + Detail
  } from '@compositor/kit'
  import {
  Page,
  @@ -74,6 +75,18 @@ const Index = props => (
  <ButtonSecondary large>
  button large
  </ButtonSecondary>
  + <Detail>
  + <Box my={2}>
  + <ButtonPrimary large>
  + button large
  + </ButtonPrimary>
  + </Box>
  + <Box>
  + <ButtonDanger large>
  + button large
  + </ButtonDanger>
  + </Box>
  + </Detail>
  </Example>
  <Example name='Flash themes'>
  <ExampleBox>
  @@ -143,6 +156,17 @@ const Index = props => (
  </Text>
  </Example>
  <Example name='Colors'>
  + <Flex pb={4}>
  + <Box bg='blue.5' p={6} m={1} />
  + <Box bg='green.5' p={6} m={1} />
  + <Box bg='purple.5' p={6} m={1} />
  + <Box bg='yellow.5' p={6} m={1} />
  + <Box bg='orange.5' p={6} m={1} />
  + <Box bg='red.5' p={6} m={1} />
  + <Box bg='black' p={6} m={1} />
  + <Box bg='white' p={6} m={1} />
  + </Flex>
  + <Detail>
  <Flex>
  {theme.colors.gray.map((val, i) => (
  <div key={val}>
  @@ -234,6 +258,7 @@ const Index = props => (
  </div>
  ))}
  </Flex>
  + </Detail>
  </Example>
  </Library>
  </Page>
  