Tag

Tag — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

Open ↗

When to use

• Use it when A removable / selectable keyword or filter chip.
• Reach for something else when Static status — use Badge.

Accessibility

Fully keyboard operable: Tab to focus, Enter/Space to activate. The visible focus ring uses --focus-ring — never remove it. Provide an accessible label (aria-label) for icon-only controls.

Import

const { Tag } = window.PrismDesignSystem_39d121;

Props

Prop	Type	Required	Description
isSelected	boolean	—
onRemove	(e: React.MouseEvent) => void	—	When provided, renders a remove (×) button.
removeLabel	string	—	Accessible verb for the remove button. Default "Remove".
children	React.ReactNode	—
className	string	—