Card

This is a Card component

API Reference

CardProps

Properties

PropertyTypeModifiers
padding?Property.Padding<string | number> | undefined—
variant"outlined" | "elevated"—

Card

Properties

Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CardProps> & CardProps & { css?: CSSObject; className?: string; }

Returns

React.JSX.Element

Examples

  • BasicUsage

    A card with a title, content and a subtle action link.

    Getting Started

    Build cards with headings, content and actions using your own layout.

    Learn more →
View source