Text

Show your texts in different styles. 💅

Headings

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.


This is H1

This is H2

This is H3

This is H4

This is H5
This is H6

Props

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"


Installation

npx shadcn@latest add "https://retroui.dev/r/text.json"


Paragraph


Lorem 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: 22 Oct, 2024