About dialog
Material Design 3 dialog web component, built on the native <dialog> element.
- 4.3 KB gzipped
- @lit-material/dialog 0.2.0
- Renders on the server
Example
About dialog
What a Help → About menu item opens: name and logo, version details, legal lines.
- Version
- 2.4.1
- Build
- 2026-11-01 · 03c3708
- Server
- rws 18.17.0
Install
npm install @lit-material/dialog @lit-material/tokensimport "@lit-material/dialog";Link @lit-material/tokens/css/index.css once per page for the colour, type and shape tokens. Install guide
API
<lit-material-about-dialog>
An "About" dialog: the product's name and logo, its version and build details, and the legal lines — what a Help → About menu item opens.
Properties
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
productName | product-name | string | "" | The product's name: the dialog's heading. |
open | open | boolean | false | |
closeLabel | close-label | string | "Close" | The close button's text. |
Events
| Event | Description |
|---|---|
close | After the dialog has closed. |
Slots
| Slot | Description |
|---|---|
logo | The product's logo, shown above its name. |
| default | Version and build details. |
legal | Copyright, trademark and license lines, in small print. |