Alert

Open-code aq-ui accessible component family for Alert.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Deployment complete

Production is running version 1.8.0.

Payment method expired

Update your billing details to prevent an interruption.

Loading interactive preview…

pnpm dlx aq-ui@alpha add alert

SSR-safe

Import the parts you need, then jump to an export for its contract.

import { Alert } from "@/components/ui/alert"

<Alert />

Open-code aq-ui accessible component family for Alert.

const Alert = React.forwardRef<React.ComponentRef<"div">, React.ComponentProps<"div"> & VariantProps<typeof alertVariants>>(…)

Props type: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>

Action export for composing Alert.

const AlertAction = React.forwardRef<React.ComponentRef<"div">, React.ComponentProps<"div">>(…)

Description export for composing Alert.

const AlertDescription = React.forwardRef<React.ComponentRef<"div">, React.ComponentProps<"div">>(…)

Title export for composing Alert.

const AlertTitle = React.forwardRef<React.ComponentRef<"div">, React.ComponentProps<"div">>(…)

utils

class-variance-authority@^0.7.1