Dialog
Dialogs fill the entire screen. Bör i framtiden döpas om till Full-Screen Dialog.
Namn | Typ | Beskrivning |
---|---|---|
AppBarProps | AppBarProps | Object to set props for the app bar in full screen mode. |
ariaLabel * | string | Provides a screen reader name for the dialog. Mandatory for WCAG 2.1 compliance. |
customAttributes | CustomAttribute[] | Array of custom attributes that can be used for testing purposes. |
customWidth | string | Indicating if it's possible to set a custom width. If no customWidth is set, it uses the default value depending on variant. |
disableEnforceFocus | boolean | If true, the modal will not prevent focus from leaving the modal while open. Default value is false |
disableFocusHeading | boolean | If true, the dialog will not automatically focus the first heading |
enteringDirection | EnteringDirectionType | Direction the dialog will enter from. |
open * | boolean | Boolean indicating if the dialog is open. Default value is false. |
shouldCloseOnBackdropClick | boolean | Close dialog on background click. Default value is false. |
variant | "alert" |
"fullscreen" |
"bottom-alert" | Layout variants of the dialog. |
npm install @sj-ab/component-library.ui.dialog
Adaptive design
Importer av Dialog
58Repos med Dialog
45%Senaste installerade version av Dialog
7.0.23Äldsta installerade version av Dialog
0.0.0-55519b46b21731400100d58d369f6595b3f4754e