Storybook
  • Theme

  • Light
  • Dark
  • System
  • Dark tone

  • Dark
  • Dark dimmed
  • Dark high contrast
  • Dark colorblind
  • Dark Tritanopia
  • Light tone

  • Light
  • Light high contrast
  • Light colorblind
  • Light Tritanopia
  • Reset to default

Dialog

Basic

Body message

With links

Header title (contains close button)

Title

Body message

Header, rows and footer

Backdrop

Title

Body message

Dark backdrop

Title

Body message

Light backdrop, fast

Title

Body message

Modal dialog

Modal dialog, escapable

Narrow dialog

Title

Body message

Wide dialog

Title

Body message

Max width and height

Title

Row 1
Row 2
Row 3
Row 4
Row 5
Row 6
Row 7
Row 8
Row 9
Row 10

Focus first

Title

Cancel Delete buttons

Delete issue?

Are you sure you'd like to delete this issue?

Open multiple, escapable

Accept terms of service

This is the updated terms of service
Are you sure you want to decline?