### 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.

<!--code-->

```vue
<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>
```

<!--/code-->

<!--example-->

<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>

<!--/example-->