Text

The quick brown fox jumps over the lazy dog

Installation

Install the component via the CLI in one command.

npx shadcn@latest add @intentui/text

Manual installation

Use this approach if you prefer to install and wire up the component yourself instead of using the CLI.

npm install tailwind-merge tailwind-variants

Anatomy

import { Text } from "@/components/ui/text"

<Text>The quick brown fox jumps over the lazy dog</Text>

Examples

Loading...

Component API

Code

Code extends the native <code> element.

classNamestring

Strong

Strong extends the native <strong> element.

classNamestring

Text

Text extends the native <p> element.

classNamestring

TextLink extends the Intent UI <Link> component.

classNamestring
Design