oa/documentation/tag/v-tag-elevated-documentation.md

VTag elevated

Vuero provides a <VTag /> component than can be customized to fit any needs. VTags can have a permanent box shadow. Use the elevated prop to add elevation to the component.

<template>
  <VTags>
    <VTag
      color="solid"
      label="Tag Label"
      rounded
      elevated
    />
    <VTag
      color="primary"
      label="Tag Label"
      rounded
      elevated
    />
    <VTag
      color="info"
      label="Tag Label"
      rounded
      elevated
    />
    <VTag
      color="success"
      label="Tag Label"
      rounded
      elevated
    />
    <VTag
      color="warning"
      label="Tag Label"
      rounded
      elevated
    />
    <VTag
      color="danger"
      label="Tag Label"
      rounded
      elevated
    />
    <VTag
      color="orange"
      label="Tag Label"
      rounded
      elevated
    />
    <VTag
      color="blue"
      label="Tag Label"
      rounded
      elevated
    />
    <VTag
      color="green"
      label="Tag Label"
      rounded
      elevated
    />
    <VTag
      color="purple"
      label="Tag Label"
      rounded
      elevated
    />
  </VTags>
</template>