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

Toggle group

Segmented control with arrow-key navigation.

Installation

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

Also adds utils, theme and installs @radix-ui/react-toggle-group.

Usage

import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";

The Code tab above shows a complete example.

ToggleTooltip
On this page
PreviewInstallationUsage