Alert

import { Alert, Text } from '@vtex/shoreline'

export default function Example() {
  return (
    <Alert>
      <Text variant="body">Short message</Text>
    </Alert>
  )
}

import { Alert, Stack, Text } from '@vtex/shoreline'

export default function Example() {
  return (
    <Stack fluid>
      <Alert variant="informational">
        <Text variant="body">Short message</Text>
      </Alert>
      <Alert variant="success">
        <Text variant="body">Short message</Text>
      </Alert>
      <Alert variant="critical">
        <Text variant="body">Short message</Text>
      </Alert>
      <Alert variant="warning">
        <Text variant="body">Short message</Text>
      </Alert>
    </Stack>
  )
}

import { Alert, Button, Text } from '@vtex/shoreline'

export default function Example() {
  return (
    <Alert variant="warning">
      <Text variant="body">You have pending requests in your account</Text>
      <Button variant="tertiary" onClick={() => alert('Action dispatched')}>
        Acknowledge
      </Button>
    </Alert>
  )
}