Drawers
uiCategories.overlaysModals.components.showcases.drawers.description
Installation
Import
Usage
uiCategories.overlaysModals.components.showcases.drawers.usage
Design Guidelines
uiCategories.overlaysModals.components.showcases.drawers.designGuidelines
uiCategories.overlaysModals.components.showcases.drawers.examples.basicUsage.title
uiCategories.overlaysModals.components.showcases.drawers.examples.basicUsage.description
uiCategories.overlaysModals.components.showcases.drawers.examples.fromTop.title
uiCategories.overlaysModals.components.showcases.drawers.examples.fromTop.description
uiCategories.overlaysModals.components.showcases.drawers.examples.fromLeft.title
uiCategories.overlaysModals.components.showcases.drawers.examples.fromLeft.description
uiCategories.overlaysModals.components.showcases.drawers.examples.fromRight.title
uiCategories.overlaysModals.components.showcases.drawers.examples.fromRight.description
uiCategories.overlaysModals.components.showcases.drawers.examples.withForm.title
uiCategories.overlaysModals.components.showcases.drawers.examples.withForm.description
Drawer
uiCategories.overlaysModals.components.showcases.drawers.composedComponents.drawer.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
open | boolean | undefined | uiCategories.overlaysModals.components.showcases.drawers.composedComponents.drawer.props.open.description |
onOpenChange | (open: boolean) => void | undefined | uiCategories.overlaysModals.components.showcases.drawers.composedComponents.drawer.props.onOpenChange.description |
direction | "top" | "bottom" | "left" | "right" | "bottom" | uiCategories.overlaysModals.components.showcases.drawers.composedComponents.drawer.props.direction.description |
className | string | — | packages.commonProps.className.description |
DrawerTrigger
uiCategories.overlaysModals.components.showcases.drawers.composedComponents.drawerTrigger.description packages.composedComponents.extends Button. packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
asChild | boolean | false | packages.commonProps.asChild.description.part1 packages.commonProps.asChild.description.linkText packages.commonProps.asChild.description.part2 |
className | string | — | packages.commonProps.className.description |
DrawerContent
uiCategories.overlaysModals.components.showcases.drawers.composedComponents.drawerContent.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
className | string | — | packages.commonProps.className.description |
DrawerHeader
uiCategories.overlaysModals.components.showcases.drawers.composedComponents.drawerHeader.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
className | string | — | packages.commonProps.className.description |
DrawerTitle
uiCategories.overlaysModals.components.showcases.drawers.composedComponents.drawerTitle.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
className | string | — | packages.commonProps.className.description |
DrawerDescription
uiCategories.overlaysModals.components.showcases.drawers.composedComponents.drawerDescription.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
className | string | — | packages.commonProps.className.description |
DrawerFooter
uiCategories.overlaysModals.components.showcases.drawers.composedComponents.drawerFooter.description packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
className | string | — | packages.commonProps.className.description |
DrawerClose
uiCategories.overlaysModals.components.showcases.drawers.composedComponents.drawerClose.description packages.composedComponents.extends Button. packages.composedComponents.stylePropsNote.part1 packages.composedComponents.stylePropsNote.linkTextpackages.composedComponents.stylePropsNote.part2
| packages.propsTable.headers.name | packages.propsTable.headers.type | packages.propsTable.headers.default | packages.propsTable.headers.description |
|---|---|---|---|
asChild | boolean | false | packages.commonProps.asChild.description.part1 packages.commonProps.asChild.description.linkText packages.commonProps.asChild.description.part2 |
className | string | — | packages.commonProps.className.description |