Tag

Used for keywords, labeling, and filters

Demo

non-smoking WiFi pool free breakfast free breakfast

API

Tag

Name Type Content
m-tag Custom tag Text, icon, or link and optional remove button for removable tags

Guidelines

Removable tags

Simply include a remove button and, using your preferred method, attach a click handler that removes the tag. Here's a basic example:

It can be helpful to add an id or data-* attribute with some identifying data (id, name, index) to the tag to know which one was removed and update the backing data source, like an Array of users:

Accessibility

Use aria-label and title when the Tag only contains an icon: