HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
TextView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorA run of text, with the element and the look chosen separately.ExperimentalSince 0.1.0TypographyUsageimport'@fusion.dev/helix/text'Preview
API ReferenceRoothelix-textA run of text, with the element and the look chosen separately.
PropTypeDefaultDescriptionas"span"|"p"|"h1"|"h2"|"h3"|"h4"|"h5"|"h6"|"strong"|"em"|"code"|"label"Which element to render.tone"muted"|"subtle"|"primary"|"danger"Color role. A separate axis from the type ramp, because color carries
state: folding it in would mean `caption-danger` and the rest of the cross
product.variant"display"|"heading"|"subheading"|"title"|"body"|"body-strong"|"caption"|"label"|"code"Type treatment.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The text.
PartDescriptiontextThe rendered element.
ExamplesNameDescriptionAppearancesThe text scale from the largest display size down to the smallest.PreviewA paragraph and the elements prose is made of.TonesThe text tones, from the resting ink down to the most muted.