Skip to content
CtrlK

ArdoCard

On this page

General-purpose documentation card.

Cards can be static content blocks or clickable navigation items when href is provided.

import { ArdoCard } from "ardo/ui"

<ArdoCard title={…}>{children}</ArdoCard>

Props

NameTypeRequiredDescription
titlestringYesCard title.
iconReactNode | stringNoOptional built-in or custom registered icon name, or a React node.
childrenReactNodeNoCard content.
hrefstringNoOptional destination. When set, the full card is clickable.
classNamestringNoAdditional CSS class.

Props type: ArdoCardProps