HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
CalloutView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorSets a passage apart as information, a warning, or an error.StableSince 0.1.0MarkersUsageimport'@fusion.dev/helix/callout'import'@fusion.dev/helix-headless/callout'Preview
API ReferenceRoothelix-calloutSets a passage apart as information, a warning, or an error.
PropTypeDefaultDescriptiontone"danger"|"info"|"success"|"warning"What kind of attention the passage needs.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The callout's content.iconReplaces the icon chosen by `tone`.titleA heading above the content.
PartDescriptioncontentThe content region.iconThe icon region.icon-markThe tone glyph, where none is slotted.
CSS PropertyDescription--callout-background-colorFill behind the callout.--callout-radiusCorner radius of the callout.
Roothelix-headless-calloutSets a passage apart as information, a warning, or an error.
PropTypeDefaultDescriptiontone"danger"|"info"|"success"|"warning"What kind of attention the passage needs.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The callout's content.iconReplaces the icon chosen by `tone`.titleA heading above the content.
PartDescriptioncontentThe content region.iconThe icon region.icon-markThe tone glyph, where none is slotted.
ExamplesNameDescriptionPreviewA note set apart from the prose around it.PreviewA note set apart from the prose around it.SeveritiesThe severities together, from a plain note to a danger.