Brand
Changelog v1.4

Dialog

Dialogs display focused content that requires user attention or interaction, overlaying the page.

Basic Dialog

Open Dialog This is a basic dialog with a title and some content. Dialogs are great for confirmations, forms, and detailed views. Close

Confirmation Dialog

Delete Item Are you sure you want to delete this item? This action cannot be undone.
Cancel Delete

Dialog with Form

Create New
Cancel Create

Usage

<sl-dialog label="Title">
  Dialog content here.
  <sl-button slot="footer" variant="primary">OK</sl-button>
</sl-dialog>