Text

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

The quick brown fox jumps over the lazy dog

Palette

Use the text-{color} class to control the component color. Refer to the Colors documentation to see all available color and shade options.

For more information on all available color utilities, visit Tailwind .

The quick brown fox jumps over the lazy dog

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`