Tag

Display a tag element.

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