Typography@knitui/components
Paragraph
Paragraph is Text rendered as a semantic <p> element. It inherits all Text features including size, truncate, lineClamp, inline, and inherit.
import { Paragraph } from "@knitui/components";Playground
Loading playground…
<Paragraph
size="md"
>
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
</Paragraph>Examples
Sizes
The full seven-step type scale, each size on its own line.
Loading example…
Truncate
Truncate overflowing text with an end ellipsis in a fixed-width container.
Loading example…
Line Clamp
Clamp the paragraph to two lines regardless of how much text it contains.
Loading example…
Rich Children
Rich inline children with nested elements alongside plain text.
Loading example…
Inherit
inherit forwards all font properties from a parent element.
Loading example…
Scale Comparison
All sizes in a stacked comparison.
Loading example…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
disabled system | boolean | undefined | — | Specifies the disabled state of the text view for testing purposes. |
size system | "xs" | "sm" | "md" | "lg" | "xl" | "xxs" | "xxl" | undefinedxxs · xs · sm · md · lg · xl · xxl | md | Font size and line-height token pair. |
theme system | ThemeName | null | undefined | — | Applies a theme to this element |
Accessibility & DOM props (2)
| Prop | Type |
|---|---|
key | Key | null | undefined |
ref | Ref<TamaguiTextElement> | undefined |
Plus 507 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.