message: more/better Caret examples
diff: @@ -126,8 +126,14 @@ const Index = props => (
  <Example name='Caret'>
  <Block p={4}>
  {['top', 'right', 'bottom', 'left'].map((edge, i) => (
  - <Box p={2} mb={4} position='relative' maxWidth={200} key={i}>
  - edge={edge}
  + <Box p={2} mb={4} position='relative' maxWidth={400} key={i}>
  + <Text mono>edge='{edge}'</Text>
  + <Caret edge={edge} />
  + </Box>
  + ))}
  + {['top', 'right', 'bottom', 'left'].map((edge, i) => (
  + <Box shadow='medium' p={2} mb={4} position='relative' maxWidth={400} key={i}>
  + <Text mono>edge={edge} over shadow='medium'</Text>
  <Caret edge={edge} />
  </Box>
  ))}
  