Footnote

The FOOTNOTE component is used to render small print or annotations that provide additional information or clarification within the main content. It is typically styled to be less prominent than the main text.

Usage

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

export default function App() {
  return (
    <div>
      <FOOTNOTE>This is a footnote explaining or providing extra information about the text above.</FOOTNOTE>
    </div>
  );
}

Rendered Example

This is a footnote explaining or providing extra information about the text above.

Props

The FOOTNOTE component accepts all standard HTML text attributes, which allows for flexibility in how footnotes are integrated and styled within content.