Files
oa/documentation/message/v-message-colors-documentation.md
2025-05-24 01:49:48 +09:00

1.1 KiB

VMessage colors

Vuero provides a <VMessage /> component for messages that you can use in your forms, for instance. You can change the message color by using the color prop. Available colors are primary, success, info, warning and danger. Check the markup for more details.

<template>
  <VMessage color="primary">
    Lorem ipsum dolor sit amet
  </VMessage>
  <VMessage color="success">
    Lorem ipsum dolor sit amet
  </VMessage>
  <VMessage color="info">
    Lorem ipsum dolor sit amet
  </VMessage>
  <VMessage color="warning">
    Lorem ipsum dolor sit amet
  </VMessage>
  <VMessage color="danger">
    Lorem ipsum dolor sit amet
  </VMessage>
</template>
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet