Brand
Changelogv1.4

Dialog

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

Basic Dialog

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

Confirmation Dialog

Delete ItemAre you sure you want to delete this item? This action cannot be undone.
CancelDelete

Dialog with Form

Create New
CancelCreate

Usage

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