Text Reference
Consulte esta subpágina para ver import, available props, exemplo de uso e controles vivos do component.
Text
Typed typography primitive for every textual surface in the app.
Use when: Use for headings, labels, paragraphs and inline text instead of raw HTML text tags.
Import
import { Text } from "@components/index";Example
<Text preset="headingMedium" tone="primary" weight="semibold">Catalog title</Text>
Available Props
presetTextVariantName
Typography preset with semantic intent.
tone"default" | "muted" | ...
Semantic text color tone.
weightTextWeight
Optional semantic font weight.
capsboolean
Uppercase treatment with stronger tracking.
Live Preview
Catalog preview text
Controls
headingMedium
paragraphSmall
label
tone: default
tone: muted
tone: primary
tone: danger
weight: regular
weight: semibold
weight: bold
caps: off