Cards

Duplicate a page or section with ease, then emphasize important information or links using customizable layouts and icons.

Cards act as visual containers for your content, giving you flexibility to combine text, icons, images, and links in a clean and organized way.

Cards Usage

You can use the Cards component directly within your MDX files without any import. The following example shows a basic usage:

<Card title="Note" icon="badge-info">
  Doccupine CLI is a command-line tool that helps you create and manage your Doccupine project. It provides a simple and intuitive interface for creating and configuring your project.
</Card>

Note

Doccupine CLI is a command-line tool that helps you create and manage your Doccupine project. It provides a simple and intuitive interface for creating and configuring your project.

Properties

titlestringrequired

The title of the card.

iconstringrequired

The icon to display in the card.

childrennoderequired

The content of the card.