HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
TagView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorLabels content with a short piece of metadata.StableSince 0.1.0MarkersUsageimport'@fusion.dev/helix/tag'import'@fusion.dev/helix-headless/tag'Preview
API ReferenceRoothelix-tagLabels content with a short piece of metadata.
PropTypeDefaultDescriptiondismissiblebooleanfalseWhether it offers a control to take it away.dismissLabelstring"Dismiss"Accessible name for that control.emphasis"outlined"|"solid"|"subtle"How much of the tone the tag wears.tone"accent"|"danger"|"info"|"neutral"|"primary"|"success"|"warning"Which status the tag reports.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The tag's label.prefixA category the label belongs to, set before it and weightier.
EventTypeDescriptionhelix-dismissHelixDismissEventFired when the reader asks to remove the tag. Cancelable: refusing it takes the decision and nothing moves.
MethodTypeDescriptiondismiss() => booleanAnnounces that it should go, and reports whether the request stood.
PartDescriptiondismissThe remove button, when `dismissible`.dismiss-markThe glyph on the dismiss control, where none is slotted.prefixThe category before the label.
CSS PropertyDescription--tag-background-colorFill behind the tag.--tag-border-colorColor of the edge, for a chip that separates by fill alone.--tag-foreground-colorLabel color.--tag-radiusCorner radius of the tag.
Roothelix-headless-tagLabels content with a short piece of metadata.
PropTypeDefaultDescriptiondismissiblebooleanfalseWhether it offers a control to take it away.dismissLabelstring"Remove"Accessible name for that control.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The tag's label.prefixA category the label belongs to, set before it and weightier.
EventTypeDescriptionhelix-dismissHelixDismissEventFired when the reader asks to remove the tag. Cancelable: refusing it takes the decision and nothing moves.
MethodTypeDescriptiondismiss() => booleanAnnounces that it should go, and reports whether the request stood.
PartDescriptiondismissThe control that asks to remove the tag.dismiss-markThe glyph on the dismiss control, where none is slotted.prefixThe category before the label.
ExamplesNameDescriptionAppearancesThe tag filled, outlined and subtle.DismissibleTags a reader can take off, which is what a filter bar holds.EventsA tag asks to go and does not go on its own.PrefixA glyph or an avatar before the label.PreviewA label with a meaning, in each tone.PreviewA label with a meaning, in each tone.