Modal
The <pines-modal> component renders a dialog overlay triggered by a button. Use it to present confirmation prompts, detail views, forms, or any supplementary content that should appear in context without navigating away from the current page. The modal is dismissed by clicking outside it or by a close button inside the dialog.
Properties
| Attribute | Type | Default | Description |
title
|
string
|
""
|
Heading displayed at the top of the modal dialog. Use a concise label that clearly states the modal's purpose — for example, "Confirm Deletion" or "Edit Profile". |
button-text
|
string
|
"Open"
|
Label on the trigger button that opens the modal. Use an action-oriented phrase that previews the modal's purpose — for example, "View Details" or "Delete Account". |