Usage
Example
<template>
<CTag
tag="Example"
color="green"
/>
</template>
Icon
Utilise the icon prop (or slot #icon) to add a prepended icon.
Example
<template>
<CTag icon="i-heroicons-solid-globe-alt" tag="Example" color="sky" size="sm" />
</template>
Color
Utilise the color prop to change the tag colour to one of three options (WIP).
Example
<template>
<CTag color="red" tag="Example" />
</template>
Size
Example
<template>
<CTag size="sm" tag="Example" />
</template>
Tag
The tag prop or #default slot can be used to display the tag text.
Example
<template>
<CTag>Example</CTag>
</template>
Props
size
"md" | "sm" | "lg" | "xl"
"lg"color
"sky" | "zinc" | "green" | "red" | "indigo" | "fuchsia" | "yellow" | "violet" | "pink" | "teal"
"sky"icon
string
tag
string