Alert
Version - 0.0.8Displays a callout for user attention.
Heads up!
You can add components to your app using the cli.
Installation
npm install @volta/alertUsage
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>