Text

A typography component for headings, paragraphs, and text styles with semantic HTML output.

#Installation

npx @dinachi/cli@latest add text

tsx

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

Prop	Type	Default	Description
variant	'h1' \| 'h2' \| 'h3' \| 'h4' \| 'p' \| 'large' \| 'small' \| 'lead' \| 'muted' \| 'blockquote' \| 'code' \| 'span'	'p'	The typography style variant. Determines both visual styling and the rendered HTML element.
as	React.ElementType	—	Override the default HTML element. For example, render an h2-styled element as an <h3>.
className	string	—	Additional CSS classes to apply.
children	React.ReactNode	—	The text content to render.