Chips
Vue Bootstrap 5 Chips component
Responsive chips built with the latest Bootstrap 5 and Vue 3. Chips (aka tags) make it easier to categorize content and browse ie. through different articles from the same category.
MDB tags and chips categorize content with the use of text and icons. Tags and chips make it easier to browse throughout articles, comments or pages. Their main goal is to provide your visitors with an intuitive way of getting what they want. Just consider, how convenient it is to find all the articles related to web development just by using a tag.
Note: Read the API tab to find all available options and advanced customization
Basic example
Chips can be used to represent small blocks of information. They are most commonly used either for contacts or for tags.
John Doe John Doe John Doe Outline
You can use outline styling with outline="color" attribute.
Placeholder
Type a name and press enter to add a tag. Click X to remove it.
Initial Value
You can set initial tags with v-model.
Content Editable
You can set content editable with editable property.