Under Construction

We're actively working on new components and features. Stay tuned! Head over to our GitHub to see what's coming next.

Let’s build together — meet us on Discord.

Text

Text is used to display customizable text content with control over its HTML element type.

The best way to predict the future is to invent it.

import Text from "@radui/ui/Text"

const TextExample = () => (
    <div>
        <Text>Lorem ipsum</Text>
    </div>
)
  • Renders as different HTML elements (p, span, div, label)
  • Customizable with className and style props
  • Preserves accessibility with proper semantic elements
  • Lightweight and simple to use

Text

A component for displaying text content with customizable styling.

PropTypeDefault

as

enum

p

children

ReactNode--

className

string''

customRootClass

string''
Edit this page on GitHub