• Start
  • Blogg
  • Kom igång
  • Riktlinjer
  • Komponenter
  • Changelog
  • Tillgänglighet
  • Statistik
  • Inställningar

Komponenter

Komponenter

​
​

Inga resultat hittade, prova med andra sökvillkor.

Dialog

Dialog

7.2.17

Dialogs fill the entire screen.

Demo
Props
Installation
Länkar
Best practices
Change log
Statistik

Demo

Props

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

AppBarProps

AppBarPropsConfiguration options for the dialog's app bar component.

ariaLabel *

stringAccessible label for screen readers describing the dialog's purpose. Required for WCAG 2.1 compliance.

customAttributes

CustomAttribute[]Array of custom attributes that can be used for testing purposes.

disableFocusHeading

booleanIf true, prevents the dialog from automatically focusing its first heading element.

enteringDirection

EnteringDirectionTypeSpecifies the direction from which the dialog enters the screen.

Installation

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

Länkar

  • Storybook

  • Figma

  • Bit.cloud

Best practices

Dialog, Adaptive design

Adaptive design

Change log

  • Fix nested sheet alignment and add hide backdrop prop

    7.2.8
  • Put back Dialog autoFocus prop

    7.2.4
  • Refactor Dialog to only support fullscreen variant

    7.2.2

Statistik