Tags Composition 1 - Pre-selected tags

Free

Tags trigger pre-populated with multiple TagsValue badges on initial load.

Shadcn Tags Composition 1 component

Component data

ID
tags/tags-composition-1
Access
free
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Tags Composition 1 component design & features

This example initializes the trigger with two pre-selected TagsValue badges and allows adding or removing tags from the dropdown. TagsInput and a grouped TagsList support ongoing edits to the selection.

Pre-selected compositions mirror edit forms and task detail panels where existing tags load from saved data and users adjust them without starting from an empty trigger.