Components

Divider

Separate content horizontally.

   

Import Divider

Tremor exports one component for divider.

import { Divider } from "@tremor/react";

Usage example

The example below shows a composition of a Card with a Metric and some context information separated by a Divider component.

import { Card, Subtitle, Metric, Text, Divider } from "@tremor/react";

export default () => (
  <Card className="max-w-lg mx-auto">
    <Text>Sales</Text>
    <Metric>$ 34,743</Metric>
    <Divider />
    <Subtitle>Upgrades</Subtitle>
      <Text className="mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempor
      lorem non est congue blandit. Praesent non lorem sodales, suscipit est
      sed, hendrerit dolor.</Text>
  </Card>
);

API Reference: Divider

This component does not have any public properties.