Appearance
FeedbackBanner
A message at the top of the page, that can be dismissed and remembered.
ts
import { FeedbackBanner } from '@zairakai/vue-components/Feedback'Usage
vue
<FeedbackBanner />Props
| Name | Type | Default | Description |
|---|---|---|---|
id | string | ||
class | string | ||
modelValue | boolean | undefined | Whether it shows. |
variant | string | 'info' | |
dismissible | boolean | false | |
storageKey | string | Remember the dismissal in the browser under this key, so it does not come back at each visit. | |
dismissLabel | string | 'Dismiss' |
Events
| Name | Description |
|---|---|
update:modelValue | |
dismiss |
Slots
| Name | Description |
|---|---|
icon | |
default | |
actions |
See Theming for the class hooks and the data-* state of the components.