Components

Text

Tremor has several components for styling text.

   

Text components

Tremor exports six components for styling text.

import { Metric, Title, Subtitle, Bold, Italic, Text } from "@tremor/react";

Usage example

The example below shows a composition of all text styling components: Metric, Title, Subtitle, Bold, Italic, and Text.

import {
    Metric
    Title,
    Subtitle,
    Text,
    Bold,
    Italic,
} from "@tremor/react"

export default () => (
    <Metric>CHF 1,995</Metric>

    <Title>Drei Weieren is an oasis of peace in the middle of St.Gallen.</Title>

    <Subtitle>Drei Weieren is an oasis of peace in the middle of St.Gallen.</Subtitle>

    <Text>Drei Weieren is an oasis of peace in the middle of St.Gallen.</Text>

    <Text>Drei Weieren is an <Bold>oasis of peace</Bold>in the middle of <Italic>St.Gallen.</Italic></Text>
);

Theming

Metric

Title

Subtitle

Text

API Reference: Metric, Title, Subtitle

API Reference: Bold, Italic

Those components do not have any properties.

API Reference: Text