Tag ​

An input field which dynamically creates tags, allowing users to add, remove, and manage tags within an input field.

Usage ​

import { ref } from 'vue';
import { Tag } from '@youcan/alto';
import type { TagItemValue } from '@youcan/alto/types';

const tags = ref<TagItemValue[]>([]);

<Tag v-model="tags" type="text" />

API Reference ​

Examples ​

Color ​

Each tag is assigned a different color.

Dropdown ​

Users can select tags from a predefined list of options provided in the dropdown.