Sheets
uiCategories.overlaysModals.components.showcases.sheets.description
Installation
Import
Usage
uiCategories.overlaysModals.components.showcases.sheets.usage
Design Guidelines
uiCategories.overlaysModals.components.showcases.sheets.designGuidelines
uiCategories.overlaysModals.components.showcases.sheets.examples.basicUsage.title
uiCategories.overlaysModals.components.showcases.sheets.examples.basicUsage.description
uiCategories.overlaysModals.components.showcases.sheets.examples.fromLeft.title
uiCategories.overlaysModals.components.showcases.sheets.examples.fromLeft.description
uiCategories.overlaysModals.components.showcases.sheets.examples.fromTop.title
uiCategories.overlaysModals.components.showcases.sheets.examples.fromTop.description
uiCategories.overlaysModals.components.showcases.sheets.examples.fromBottom.title
uiCategories.overlaysModals.components.showcases.sheets.examples.fromBottom.description
uiCategories.overlaysModals.components.showcases.sheets.examples.withForm.title
uiCategories.overlaysModals.components.showcases.sheets.examples.withForm.description
Sheet
uiCategories.overlaysModals.components.showcases.sheets.composedComponents.sheet.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.sheets.composedComponents.sheet.props.open.description |
onOpenChange | (open: boolean) => void | undefined | uiCategories.overlaysModals.components.showcases.sheets.composedComponents.sheet.props.onOpenChange.description |
className | string | — | packages.commonProps.className.description |
SheetTrigger
uiCategories.overlaysModals.components.showcases.sheets.composedComponents.sheetTrigger.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 |
SheetContent
uiCategories.overlaysModals.components.showcases.sheets.composedComponents.sheetContent.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 |
|---|---|---|---|
side | "top" | "right" | "bottom" | "left" | "right" | uiCategories.overlaysModals.components.showcases.sheets.composedComponents.sheetContent.props.side.description |
className | string | — | packages.commonProps.className.description |
SheetHeader
uiCategories.overlaysModals.components.showcases.sheets.composedComponents.sheetHeader.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 |
SheetTitle
uiCategories.overlaysModals.components.showcases.sheets.composedComponents.sheetTitle.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 |
SheetDescription
uiCategories.overlaysModals.components.showcases.sheets.composedComponents.sheetDescription.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 |
SheetFooter
uiCategories.overlaysModals.components.showcases.sheets.composedComponents.sheetFooter.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 |
SheetClose
uiCategories.overlaysModals.components.showcases.sheets.composedComponents.sheetClose.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 |