popcn/ui logopopcn/ui
DocsComponentsBlocks

Getting Started

  • Introduction
  • Installation
  • Theming
  • Colors
  • Motion
  • CLI

Components

  • Accordion
  • Alert
  • Alert Dialog
  • Aspect Ratio
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Button Group
  • Calendar
  • Card
  • Carousel
  • Chart
  • Checkbox
  • Code Block
  • Collapsible
  • Color Picker
  • Combobox
  • Command
  • Context Menu
  • Copy Button
  • Data Table
  • Date Picker
  • Drawer
  • Dialog
  • Dropdown
  • Empty
  • Field
  • Form
  • Hover Card
  • Input
  • Input Group
  • Input OTP
  • Item
  • File Upload
  • Kbd
  • Label
  • Loading Button
  • Menubar
  • Multi Select
  • Native Select
  • Navigation Menu
  • Notification Badge
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Rating
  • Resizable
  • Scroll Area
  • Select
  • Separator
  • Split Button
  • Sheet
  • Sidebar
  • Skeleton
  • Slider
  • Spinner
  • Stepper
  • Switch
  • Table
  • Tag
  • Tabs
  • Textarea
  • Tree View
  • Timeline
  • Toast
  • Toggle
  • Toggle Group
  • Tooltip
  • Typography

Alert

Inline alerts for status and messaging.

Installation

npx popcn add alert

Variants

Default

Aurora Active
Cosmic theme is enabled.

Destructive

Action required
Please review your settings.

Props

PropTypeDefaultDescription
variant"default" | "destructive""default"Visual style variant