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

Priority

Linear-style priority bars: urgent, high, medium, low, none, with labels.

Icon
UrgentHighMediumLowNo priority

Installation

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

Also adds utils, theme.

Usage

import { PriorityIcon, PriorityLabel, priorities, labels as priorityLabels } from "@/components/ui/priority";

The Code tab above shows a complete example.

PopoverProgress
On this page
PreviewInstallationUsage