NOCTA UI

Alert

A flexible alert component for displaying important messages with multiple variants and dark mode support

Installation

Install the Alert component using the nocta-ui CLI:

npx @nocta-ui/cli add alert

Then import the components you need:

import {
  Alert,
  AlertTitle,
  AlertDescription,
} from '@/components/ui/alert';

Examples

Default Alert

Default Alert

Variants

Api Reference

Alert

Prop

Type

AlertTitle

Prop

Type

AlertDescription

Prop

Type