Skip to content
drawer
AutoXXS (320px)XS (375px)SM (640px)MD (768px)LG (1024px)XL (1280px)XXL (1536px)
SketchMaterialiOSTamagui
DataInjectionKeyPatternsServiceTransactionProcessResearchProductQualityPerformanceSpecDomainFunctionTechnologyArchitectureConfigMiddlewareDataDatabaseDrizzleMigrationModelop-sqliteSchemaSQLState ManagementDraftKeystoneMergePatchPatchesPersistenceReactiveRedoStoreUndoTestingDeviceFactoryIsolationTypeScriptZodTopicsCommunicationBidsNVCDesignDesign ImplicationsEducationPedagogyFoundationsPsychologyAttachmentFloodingRelatingAuthentic RelatingUIEditorReact Native

drawer

Fragment reference drawer
tags
ui

Drawers slide in from a container to expose additional options and information.

Usage

drawer(label="Drawer Title")
text Content goes here

Placement

Use the placement attribute to control where the drawer slides from.

drawer(label="Drawer" placement="start")

Attributes

NameTypeDefaultDescription
labelstring-Header title.
openbooleantrueVisibility state.
placementstart | end | top | bottomendSlide-in direction.
without-headerbooleanfalseHides the header.
light-dismissbooleantrueCloses on clicking outside.