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

VTag outlined

Vuero provides a <VTag /> component than can be customized to fit any needs. VTags can have outlined edges and a transparent background. Use the outlined prop to change the component shape.

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