Tag

A neutral label for categories and levels, with tones and two sizes.

RecommendedAdvanced

Interactions use local sample data.

Usage and props

Meaning belongs to the application; the tag adds no status semantics. Use StatusBadge for run and approval states.

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

Native span props · children · tone?: neutral | primary | accent | success | warning · size?: default | sm · icon?

These are the main props for the example. The package's TypeScript declarations include the full API.