Drawer
@stellaria/nebula-webDrawerPropsPreview
Props
19| Prop | Type | Default |
|---|---|---|
aria-label | string | — |
blurred | boolean | — |
bodyClassName | string | — |
children required | ReactNode | — |
className | string | — |
closeLabel | string | — |
closeOnClickOutside | boolean | — |
closeOnEscape | boolean | — |
footer | ReactNode | — |
fullScreen | boolean | — |
onClose required | () => void | — |
opened required | boolean | — |
padding | "sm" | "md" | "lg" | "none" | — |
radius | "sm" | "md" | "lg" | "none" | "none" |
side | ModalSide | "end" |
size | Unit | "22rem" |
subtitle | ReactNode | — |
title | ReactNode | — |
withCloseButton | boolean | — |
Slot props
6Each one spreads over an inner element, so you can restyle a region without forking the component.
| Prop | Type | Default |
|---|---|---|
bodyProps The body. Its padding is governed by `padding`; the slot composes with it, it does not override it. | BoxSlotProps | — |
footerProps The footer, when there is a `footer`. | BoxSlotProps | — |
headerProps The header row: heading on the left, close button on the right. | BoxSlotProps | — |
headingProps Title and subtitle column, inside the header. | BoxSlotProps | — |
subtitleProps The subtitle, when there is one. | TextSlotProps | — |
titleProps The title. It spreads AFTER the aria props, so the consumer wins. | TextSlotProps | — |
Also accepts
On top of its own props, this component forwards these groups.