# Text

Themed type scale from caption to display that follows light and dark mode. Includes a pull-quote style with an accent rule and a quieter dimmed tone for secondary text.

> Primitive · Free · Data Display — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add text
```

## Import

```tsx
import { Text } from "@/components/ui/text/text";
```

## Variants

- `scale` — Scale: `npx @lumioui/cli add text-scale`

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `variant?` | `| "default" | "h1" | "h2" | "h3" | "h4" | "large" | "small" | "muted" | "lead" | "code" | "blockquote" | "quote"` | — |
| `tone?` | `"default" | "dim"` | `dim` draws the text as dim structure — readable, not yet switched on (DESIGN-TASTE §5c rule 6) — without wrapping it in a Mount. Default `default`. |
| `className?` | `string` | — |

Source: https://lumioui.com/components/text