Component · Feedback
a centered dialog over a scrim, dismissed by backdrop, Escape, or its actions.
Example
Where available
Using it
the same component, named idiomatically per target. one CSS contract underneath, so they render identically.
| Target | Reference | Package |
|---|---|---|
| React | <Modal> | @design-foundry/lucent-react |
| Angular | <lucent-modal> | @design-foundry/lucent |
| Web Components | <lucent-modal> | @design-foundry/lucent-wc |
| Blazor | <LucentModal> | DesignFoundry.Lucent |
API
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | false | visibility (two-way). |
| title / subtitle | string | — | header content. |
| variant | informative | confirmation | destructive | … | informative | footer + intent. |
| confirm-label / cancel-label | string | Confirm / Cancel | footer buttons. |