Primer React Prototype

Flash

Alpha

import { Flash } from 'primer-react-prototype'

Info

Success

Warn

Error

<Flex flexDirection="column" gap={3}>
  <Flash>Info</Flash>
  <Flash variant="success">Success</Flash>
  <Flash variant="warn">Warn</Flash>
  <Flash variant="error">Error</Flash>
</Flex>

<Flex flexDirection="column" gap={3}>
  <Flash>Info</Flash>
  <Flash variant="success">Success</Flash>
  <Flash variant="warn">Warn</Flash>
  <Flash variant="error">Error</Flash>
</Flex>

API Reference

Flash

Prop
`sx`
`variant`
`as`

Space

margin

marginTop

marginRight

marginBottom

marginLeft

marginX

marginY

m

mt

mr

mb

ml

mx

my

Flexbox

flex

flexGrow

flexShrink

flexBasis

justifySelf

alignSelf

order

Grid

gridColumn

gridRow

gridArea

Position

position

zIndex

top

right

bottom

left