Validator API
Properties
| Name | Description | Type | Required | Default value |
|---|---|---|---|---|
| header | Header of the validator. You can use * characters to highlight in text, example: lorem *highlighted* ipsum | html
|
||
| subject | Subject for the validator. | html
|
||
| subheader | Subheader of the validator | string | ||
| status | Status of the validator, can be success, error, warning or loading | string | ||
| action | Action of the validator, fires action event on click | string | ||
| action-href | Url to follow by clicking on the action | string | ||
| action-type | It defines the type of the action, could be link as a default or button | string | "link" | |
| summary | Title for grouping multiple validators | string | ||
| summary-value | Value for the summary indiactor | string | ||
| summary-type | Type for the summary indicator: can be info, success, error, warning | string | ||
| opened | Sets the opened state of the component | boolean | false | |
| standalone | Borders the component | boolean | false | |
| spacing | Option for control the spacing of the component. The only available value is compact. |
string | '' |
Events
| Event | Description | Returns |
|---|---|---|
action |
Fires on action click | |
trigger |
Fires on open/close | {
detail: {
opened: [true/false],
}
} |