Card

Visual container for grouping related content, compatible with light and dark modes. Supports variants `default`, `outlined`, `elevated` y `flat`.

Card with a faint border and semi-transparent background.

This type of card is used for general content or informational blocks.

Last updated: today

Version with a more visible border.

Ideal for highlighting sections without the need for shadow.

Uses a more noticeable shadow and elevated background.

Perfect for panels, dashboards, or main areas.

No border or shadow.

Ideal for layouts within other cards or panels.

Card with a slightly elevated surface.

Provides a subtle depth effect.

Card with a moderately elevated surface.

Enhances depth perception further.

Card with the highest elevation surface.

Creates a strong visual separation.