Bold

The BOLD component is used to render text in boldface, providing emphasis on specific words or phrases within content. This styling helps to draw the reader’s attention to key parts of the text.

Usage

import React from 'react';
import { BOLD } from '~/ui/components/Text';

export default function App() {
  return (
    <div>
      <p>This is a sentence with <BOLD>important</BOLD> words emphasized.</p>
    </div>
  );
}

Rendered Example

This is a sentence with important words emphasized.

Props

The BOLD component accepts all standard HTML text attributes, allowing for flexible use within various contexts to enhance readability and focus.