Card

A surface for grouping related content, with primary, secondary, subtle, and dashed variants.

Installation

import { Card } from "@o/pipeline/experimental/components/card";

Usage

variant="primary" (default)

variant="secondary"

variant="subtle"

A borderless neutral surface for inset groups in sidebars and panels. Its alpha background adapts to the surface beneath it in light and dark themes.

variant="dashed"

render

As a link
As a link
As a link
As a link (dashed)