Dialog

7.0.27

Dialogs fill the entire screen. Bör i framtiden döpas om till Full-Screen Dialog.

Demo

Props

Se fullständing dokumentation(öppnas i ny flik)
NamnTypBeskrivning

AppBarProps

AppBarPropsObject to set props for the app bar in full screen mode.

ariaLabel *

stringProvides 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

stringIndicating if it's possible to set a custom width. If no customWidth is set, it uses the default value depending on variant.

disableEnforceFocus

booleanIf true, the modal will not prevent focus from leaving the modal while open. Default value is false

disableFocusHeading

booleanIf true, the dialog will not automatically focus the first heading

enteringDirection

EnteringDirectionTypeDirection the dialog will enter from.

open *

booleanBoolean indicating if the dialog is open. Default value is false.

shouldCloseOnBackdropClick

booleanClose dialog on background click. Default value is false.

variant

"alert" | "fullscreen" | "bottom-alert"Layout variants of the dialog.

Installation

npm install @sj-ab/component-library.ui.dialog

Länkar

Best practices

Adaptive design

Change log

Statistik

  • Importer av Dialog

    58
  • Repos med Dialog

    45%
  • Senaste installerade version av Dialog

    7.0.23
  • Äldsta installerade version av Dialog

    0.0.0-55519b46b21731400100d58d369f6595b3f4754e