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.

import Strong from '@radui/ui/Strong'

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

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

PropTypeDefault

children

ReactNode--

className

string''

customRootClass

string''
Edit this page on GitHub