Validator API
Properties
| Name | Type | Default | Description |
|---|---|---|---|
header | string | — | Header of the validator. Use * characters to highlight text, e.g. 'lorem *highlighted* ipsum'. Accepts HTML — sanitize before use. |
subject | string | — | Subject for the validator. Accepts HTML — sanitize before use. |
subheader | string | — | Subheader of the validator. |
status | enum: [success, error, warning, loading] | — | Status of the validator. |
action | string | — | Action label; fires the action event on click. |
action-href | string | — | URL to navigate to when the action is clicked. |
action-type | enum: [link, button] | link | Defines the type of the action element. |
summary | string | — | Title for grouping multiple validators. |
summary-value | string | — | Value for the summary indicator. |
summary-type | enum: [info, success, error, warning] | — | Type for the summary indicator. |
header-size | enum: [h2, h3, h4, h5, body] | h2 | Controls the size of the summary title. |
opened | boolean | false | Sets the opened state of the component. |
standalone | boolean | false | Adds a border around the component. |
spacing | enum: [compact] | "" | Controls the spacing of the component. |
Events
| Event | Description | Returns | |
|---|---|---|---|
action | Fires when the action is clicked. | — | |
trigger | Fires when the component is opened or closed. | { detail: { opened: boolean } } | |