tszhong0411/ui

Boom!

Here is a important message.

Usage

import { Alert, AlertDescription, AlertTitle } from '@tszhong0411/ui'

import { Alert, AlertDescription, AlertTitle } from '@tszhong0411/ui'

<Alert icon={<IconAlertCircle size={20} />}>
  <AlertTitle>Boom!</AlertTitle>
  <AlertDescription>Here is a important message.</AlertDescription>
</Alert>

<Alert icon={<IconAlertCircle size={20} />}>
  <AlertTitle>Boom!</AlertTitle>
  <AlertDescription>Here is a important message.</AlertDescription>
</Alert>

Examples

Danger

Boom!

Here is a important message.

Info

Boom!

Here is a important message.

Warning

Boom!

Here is a important message.