Tags

Tags show categories for a piece of content. Tags are always interactive. If you need a component that is not interactive, use badge instead.

Interactive Demo

This demo lets you preview the tag component, its variations, and configuration options.

Loading preview
Open in Storybook

Tag Variations

There are two types of tag variations.

1. Toggle Tag

Typically used within quick filters.

2. Dismissible Tag

Typically used with multiple selects to display options selected. They have the ability to be dismissed.

Questions?

Connect with the DLS Team on Slack or by email.

Resources

Check out additional resources.