Caption

The CAPTION component is used to provide captions or descriptions beneath images, diagrams, or other media. It's designed to add contextual information in a concise format that complements the visual content.

Usage

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

export default function App() {
  return (
    <div>
      <img src="path/to/image.jpg" alt="Descriptive Alt Text" />
      <CAPTION>This is a caption describing the image above.</CAPTION>
    </div>
  );
}

Rendered Example

This is a caption describing the image above.

Props

The CAPTION component accepts all standard HTML text attributes, offering flexibility to tailor the styling to match different types of media descriptions.