Show your texts in different styles. 💅
The Text component is a versatile React component that provides various heading styles. It leverages class-variance-authority for managing variants and allows for the customization of heading elements.
className: Additional CSS classes to customize the component's styling.
as: Determines the heading and text style. Default is p. Variants include:
"h1", "h2", "h3", "h4", "h5", "h6", "p"pnpm dlx shadcn@latest add @retroui/textLorem ipsum dolor, sit amet consectetur adipisicing elit. Quaerat eos, doloremque inventore nesciunt quo sequi veniam impedit alias libero dolorem tempore quia esse fugit fuga iste aliquam expedita molestias iusto?
Last Updated: 09 Sep, 2025