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

Sheet

Side panel built on Dialog that slides in from any edge, in four sizes.

Installation

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

Also adds utils, theme and installs @radix-ui/react-dialog, class-variance-authority, lucide-react.

Usage

import { Sheet, SheetTrigger, SheetClose, SheetPortal, SheetOverlay, SheetContent, SheetHeader, SheetBody, SheetFooter, SheetTitle, SheetDescription, sheetVariants } from "@/components/ui/sheet";

The Code tab above shows a complete example.

SeparatorSidebar
On this page
PreviewInstallationUsage