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

Accordion

Single or multiple disclosure sections, plain or card style, animated height and chevron.

Cycles are two-week windows. Unfinished issues roll over to the next cycle automatically.

Onboarding flow redesign, invite emails and the new workspace picker.

Installation

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

Also adds utils, theme and installs @radix-ui/react-accordion, lucide-react.

Usage

import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@/components/ui/accordion";

The Code tab above shows a complete example.

ChangelogActivity feed
On this page
PreviewInstallationUsage