Skip to main content
OwnDocs

Cards

1 min readStableBeginner

Cards provide a responsive grid layout for feature showcases and navigation. Each card can include a title, description, icon, and link.

Quick Start

A single card.

Fast Builds

Turbopack-powered builds with sub-second hot reload.

Adding Options

A three-column grid of cards.

Fast Builds

Turbopack-powered builds.

MDX Support

Markdown with React components.

Full-Text Search

Scored search with Cmd+K.

Advanced

Linked cards that route readers to other pages.

Introduction

Get oriented with OwnDocs.

Code blocks

See syntax highlighting in action.

Options

Card

titlestringrequired

Card heading text.

descriptionstring

Short description below the title.

hrefstring

Makes the card a clickable link.

iconReactNode

Node rendered above the title in brand color.

childrenReactNode

Additional content below the description.

CardGrid

colsnumberDefault: 2

Columns: 2, 3, or 4.

childrenReactNoderequired

Card components to arrange in the grid.

Related pages

Accordion

Was this page helpful?