Drawer — maud-ui

maud-ui59 components

/

Get started Blocks Theme

Advanced▾

Code & TextMonaco editorVS Code's editor, embedded TipTapRich text prose editor

Diagrams & GraphsxyflowReact Flow node editor CytoscapeNetwork graph visualisation MermaidText-to-diagram renderer

CanvasExcalidrawSketchy whiteboard canvas Three.jsWebGL 3D scene

DataAG GridEnterprise data grid Apache EChartsCharting library

Maps & SchedulingLeafletInteractive maps FullCalendarScheduling, drag-drop events

MediaWavesurferAudio waveform player PDF.jsInline PDF viewer

Drag & DropSortableJSReorder list, kanban, tile grid

Terminalxterm.jsTerminal emulator

Esc

↑↓ navigate↵ openEsc close

Button Input Textarea Checkbox Radio Select Switch Slider Number Field Field Fieldset Label Native Select

Badge Swatch Avatar Separator Progress Meter Kbd Skeleton Spinner Typography Empty State

Card Accordion Collapsible Tabs Table Data Table Pagination Resizable Scroll Area Aspect Ratio

Dialog Alert Dialog Drawer Popover Tooltip Hover Card Toast Alert

Menu Context Menu Menubar Navigation Menu Breadcrumb Command Combobox

Button Group Toggle Toggle Group Input Group Input Otp Radio Group Calendar Carousel Chart Date Picker

Gallery / Drawer

Drawer

Right (default)

Settings

Adjust your preferences here.

Theme

Choose your preferred appearance.

Enable notificationsSound effects

Left (navigation)

Navigation

Home Products Documentation

Settings Contact

Bottom (sheet with grab handle)

Share

Share this document with others.

Email address

Enter the recipient's email.

← Back to Gallery