Text

A typography component acting as a primitive wrapper for inline text.

The quick brown fox jumps over the lazy dog

Sizes

Use the text-{size} class to control the component size.

Size values can include:2xsxssmbaselgxl2xl3xl4xl5xl6xl7xl8xl9xl.

For more information on all available font size utilities, visit Tailwind

globals.css


:root {
  --ex-text-font-family: var(--font-sans);
  --ex-text-font-weight: var(--font-weight-normal)
}

Element	Selector
`Text`	`.ex-text`

Prop	Type	Default
`as`	`ElementType`	`span`
`asChild`	`boolean`	`false`