Overlays
Dialog
client48 kB
@stellaria/nebula-webDialogPropsPreview
Props
14| Prop | Type | Default |
|---|---|---|
aria-label | string | — |
children | ReactNode | — |
className | string | — |
closeLabel | string | "Close" |
corner | DialogCorner | "bottom-end" |
live | "polite" | "assertive" | "polite" |
offset | number | 24 |
onClose | (() => void) | — |
opened required | boolean | — |
title | ReactNode | — |
width | string | number | 340 |
withCloseButton | boolean | true |
withinPortal | boolean | true |
zIndex | number | 300 |
Slot props
2Each one spreads over an inner element, so you can restyle a region without forking the component.
| Prop | Type | Default |
|---|---|---|
headProps The header row. Only rendered with `title` or with `withCloseButton`; the button also needs `onClose`, so without it the row renders empty. | BoxSlotProps | — |
titleProps The title. Without `title` the header leaves an empty gap so the close button does not shift. | TextSlotProps | — |
Also accepts
On top of its own props, this component forwards these groups.
Style props · 123