Text

The quick brown fox jumps over the lazy dog

Installation

Add the component with the CLI.

npx shadcn@latest add @intentui/text

Composed components

When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.

link

Manual installation

Install the dependencies, then copy the component source into your project.

npm install cn tailwind-variants

Anatomy

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

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

Examples

Text link

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

TextLink extends the Intent UI <Link> component.

classNamestring
Design
Show More
Chart