FeedbackAlert

A message with a status, that can be dismissed.

import { FeedbackAlert } from '@zairakai/vue-components/Feedback'

Usage

<FeedbackAlert />

Example

Saved

Your changes were saved.

Failed

Something went wrong.

<template>
  <FeedbackAlert
    variant="success"
    title="Saved"
    dismissible
    >Your changes were saved.</FeedbackAlert
  >
  <FeedbackAlert
    variant="error"
    title="Failed"
    >Something went wrong.</FeedbackAlert
  >
</template>

Props

Name	Type	Default	Description
id	string
class	string
modelValue	boolean	undefined	Whether the alert is shown. Use it with v-model, it works without too.
variant	string	'info'
title	string
dismissible	boolean	false
closeLabel	string	'Close'

Events

Name	Description
update:modelValue
close

Slots

Name	Description
icon
title
default
actions
close

See Theming for the class hooks and the data-* state of the components.