Alert

Import

import { Alert } from '@beanwei/astro-ui'

Usage

Preview

Alert Title

Alert Description

Alert Title

Alert Description

Code

---
import { Alert } from '@beanwei/astro-ui'
import { Icon } from 'astro-icon/components'
---

<Alert.Root>
  <Icon name="lucide:circle-check" class="h-4 w-4" />
  <Alert.Title>Alert Title</Alert.Title>
  <Alert.Description>
    Alert Description
  </Alert.Description>
</Alert.Root>
<Alert.Root variant="destructive">
  <Icon name="lucide:circle-alert" class="h-4 w-4" />
  <Alert.Title>Alert Title</Alert.Title>
  <Alert.Description>
    Alert Description
  </Alert.Description>
</Alert.Root>