Text

Text renders body copy with consistent typography tokens, supporting size, weight, color, and alignment variants.

Installation

npm install @libretexts/davis-react

Basic Usage

import { Text } from '@libretexts/davis-react';

export default function Example() {
  return (
    <Text size="base" color="default">
      The quick brown fox jumps over the lazy dog.
    </Text>
  );
}

When to use

• Text — Use for body copy, descriptions, captions, and any paragraph-level content. Provides consistent sizing and colour tokens.
• Heading — Use for page titles, section headings, and hierarchical content structure (h1–h6).