BlogPlaygroundOne

VMessages API

ads via vuetify

Props
name
type
default
active
boolean

false

Determines whether the messages are visible or not.

color
string

undefined

Applies specified color to the control - supports utility colors with or without text- prefix (for example success, purple or text-purple) or CSS color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page.

messages
string | string[]

[]

Displays a list of messages or a single message if using a string.

transition
  | string
  | boolean
  | (TransitionProps & { component: Component })
  | { component: Component; leaveAbsolute: boolean; group: boolean }

{
  component: {name: 'slide-y-transition'},
  leaveAbsolute: true,
  group: true
}

Sets the component transition. Can be one of the built in or custom transition.

Slots
{ message: string }
message

Slot used to customize the message content.

SASS Variables
name
default
$messages-color
tools.theme-color('on-surface', var(--v-medium-emphasis-opacity))
$messages-font-size
12px
$messages-line-height
$messages-font-size
$messages-min-height
14px
$messages-transition-duration
150ms