UI

Card

Cards are a fundamental building block for compositions, such as KPI cards, forms, or sections.

Import Card

Tremor exports one component for Card.

import { Card } from '@tremor/react';

Usage example

The example below shows a Card in combination with text elements.

Sales

$34,743

API Reference: Card

decoration
string
Add a decorative border to the card.
decorationColor
string

Default: blue

Set a color to the border decoration.

Theming

Card

Roundness
borderRadiustremor-default
Shadow
boxShadowtremor-shadow-card
Background color
colorstremor-background-DEFAULT
Border color (decoration)
colorstremor-brand-DEFAULT
Ring color
colorstremor-ring