Components
Alert

Alert

Version - 0.0.8

Displays a callout for user attention.

Installation

npm install @volta/alert

Usage

import { ButtonWithIcons } from '@volta/button';
import { Rwe126, Rwe148, Rwe170 } from '@volta/iconography';
import { Alert, AlertDescription, AlertTitle } from '@volta/alert';
<Alert>
  <div className="h-6 w-6 text-inherit self-start">
    <Rwe148 />
  </div>
 
  <div className="grow">
    <AlertTitle {...args}>Heads up!</AlertTitle>
    <AlertDescription {...args}>
      You can add components to your app using the cli.
    </AlertDescription>
  </div>
 
  <ButtonWithIcons
    variant={'outline'}
    after={<Rwe126 />}
    className="text-base"
    size={args.size}
  >
    Label
  </ButtonWithIcons>
  <div className="h-6 w-6 text-inherit">
    <Rwe170 />
  </div>
</Alert>