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

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.