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" />
</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" | "2xl"
"lg"
color
"zinc" | "sky" | "green" | "red"
"zinc"
icon
string
tag
string
removable
boolean
false