dxDigitexa UI
HomeDocsComponentsExamplesAI
Get started
Sections
IntroductionComponentsInstallationThemingCLIFor AI agentsChangelog
Examples
Workspace overviewSettings
Components
AccordionActivity feedAlertAlert dialogAvatarBadgeBreadcrumbButtonCalendarCalendar viewCardCheckboxCollapsibleComboboxCommandContext menuData tableDate pickerDialogDropdown menuEmpty stateFieldHover cardInputInput groupKanbanKbdLabelMeterPaginationPopoverPriorityProgressRadio groupScroll areaSelectSeparatorSheetSidebarSkeletonSliderSpinnerStatus iconSwitchTableTabsTask rowTextareaTimelineToastToggleToggle groupTooltip

Alert

Inline callout in info, success, warning, danger and neutral, with icon, action and dismiss.

Sprint 14 starts Monday
Unestimated issues in the backlog won't be pulled into the sprint.
Milestone reached
All 24 issues in “Website redesign” are done.
3 tasks are overdue
Mobile onboarding slipped past its due date.
GitHub sync failed
Reconnect the integration in workspace settings.
Tip: press C anywhere to create a task.
No icon, neutral: this project is read-only for guests.

Installation

$ curl -fsSL https://ui.digitexa.com/dx.mjs | node --input-type=module - add alert

Also adds utils, theme and installs class-variance-authority, lucide-react.

Usage

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

The Code tab above shows a complete example.

Activity feedAlert dialog
On this page
PreviewInstallationUsage