Strong

Name: Rad UI
Author: Rad UI Team

The Strong component semantically marks text as important by rendering it with strong importance using the HTML strong element.

This is a very important message.

React
import Strong from '@radui/ui/Strong'

const StrongExample = () => (
    <div className='text-gray-1000'>
       <p>This is a <Strong>very important</Strong> message.</p>
    </div>
)

Features

Renders as semantic <strong> HTML element
Applies bold styling by default
Maintains proper importance semantics for accessibility
Customizable with className and style props
Simple integration with text content

API Documentation

Strong

A component for semantically marking text as important by rendering it as a <strong> element with bold styling.

Prop	Type	Default
children	ReactNode	--
className	string	''
customRootClass	string	''