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

Task row

List-view task row with status toggle, priority, project, due date; collapsible groups.

Installation

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

Also adds avatar, button, priority, status-icon, use-now, utils, theme and installs lucide-react.

Usage

import { TaskRow, TaskList, TaskGroup, DueDate, ProjectTag, tagDotColors, dueInfo, daysFrom, startOfDay, isoDay } from "@/components/ui/task-row";

The Code tab above shows a complete example.

TabsTextarea
On this page
PreviewInstallationUsage