Skip to Content
glob.ui home
Components

Card

A surface that groups related content: header, body and footer.

Server componentNo state or handlers. Safe to render in a Server Component.
import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@glob-ui/card"

Preview

Create project

Deploy your app in one click.

Choose a region and a plan. You can change both later.

API

Props are generated from the TypeScript types in the package source.

Card

Prop

Type

CardTitle

Prop

Type

Accessibility

Key or actionBehaviour
StructureNo ARIA roles. CardTitle renders a heading; set as to choose the level (for example h2).

ARIA. Use a heading level that fits the page outline. A card is not a landmark. Wrap a clickable card's content in a link rather than making the whole card a button.

On this page