Skip to content

Card

The card component is used to display related content and operations in a unified format.

Basic Usage

The most basic card component includes a title, content, and a bottom operation area.

Component Structure

The Card component consists of the following parts:

  • <ol-card>: The container component of the card
  • <ol-card-header>: The header area of the card
  • <ol-card-content>: The main content area of the card
  • <ol-card-footer>: The bottom area of the card