Typography@knitui/components
Typography
Typography is a content-column wrapper that establishes a consistent vertical rhythm between stacked block children via gap="$md". It forwards every Box prop and inherits text color from the active theme. Compose the kit's own Title, Paragraph, List, Anchor, Blockquote, and Code components inside it — they already carry their own styling.
import { Typography } from "@knitui/components";Playground
Loading playground…
<Typography>
<Text>Example content inside Typography.</Text>
</Typography>Examples
Single Block
Renders a single block child; the container establishes the content column.
Loading example…
Multiple Blocks
Multiple stacked children receive automatic vertical rhythm via gap.
Loading example…
Custom Gap
Demonstrates that the gap token can be overridden to tighten or loosen rhythm.
Loading example…
Rich Content
Mixed content types — headings, body text, and inline emphasis in one column.
Loading example…
Themed
The color of descendant text follows the active Tamagui theme accent.
Loading example…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
disabled system | boolean | undefined | — | |
shadow system | "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefined | — | |
theme system | ThemeName | null | undefinedunset · blue · red · green · yellow · pink · gray | — | Active theme accent — inherited by descendant text. |
Accessibility & DOM props (2)
| Prop | Type |
|---|---|
key | Key | null | undefined |
ref | Ref<TamaguiElement> | undefined |
Plus 498 inherited style props from Box — the full Tamagui/React Native style surface, including token shorthands like p, mx, bg and c. See Tokens for the scales they accept, or the full list.