Callout

The CALLOUT component is used to draw attention to specific pieces of information, often used to highlight important notes, warnings, or additional tips within content. This component helps make these segments stand out visually, enhancing content comprehension and engagement.

Usage

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

export default function App() {
  return (
    <div>
      <CALLOUT>This is a callout to highlight an important aspect of the discussion.</CALLOUT>
    </div>
  );
}

Rendered Example

This is a callout to highlight an important aspect of the discussion.

Props

The CALLOUT component accepts all standard HTML text attributes, enabling customization to suit various messaging needs within content.