Modal
@stellaria/nebula-webModalPropsPreview
Props
20| Prop | Type | Default |
|---|---|---|
aria-label | string | — |
blurred | boolean | false |
bodyClassName | string | — |
centered | boolean | true |
children required | ReactNode | — |
className | string | — |
closeLabel | string | "Close" |
closeOnClickOutside | boolean | true |
closeOnEscape | boolean | true |
drawer | boolean | ModalSide | — |
footer | ReactNode | — |
fullScreen | boolean | false |
onClose required | () => void | — |
opened required | boolean | — |
padding | "sm" | "md" | "lg" | "none" | "lg" |
radius | "sm" | "md" | "lg" | "none" | — |
size | SizeValue | "md" |
subtitle | ReactNode | — |
title | ReactNode | — |
withCloseButton | boolean | true |
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.