Components
AbbreviateNumberActionLinkAdaptiveCardAffixAuthorityCheckCalendarViewChartConfirmDialogContainerCustomFormatInputDataTableDebounceInputDoubleSidedImageEllipsisButtonGanttChartGrowShrinkValueIconTextImageGalleryLoadingMasonryMediaSkeletonNavToggleNumericInputOtpInputPasswordInputPatternInputRegionMapRichTextEditorSegmentItemOptionStickyFooterSyntaxHighlighterUsersAvatarGroup
AdaptableCard
A card component that can adapt on different layout & background.
Basic
Card content
API
AdaptableCard
| Prop | Description | Type | Default |
|---|---|---|---|
| header | Card header config | { content?: string | ReactNode, className?: string, bordered?: boolean, extra?: string | ReactNode } | - |
| footer | Card footer config | { content?: string | ReactNode, className?: string, bordered?: boolean } | - |
| bordered | Display Card with border (without shadow-sm) | boolean | false |
| clickable | Make cursor become pointer upon hover | boolean | false |
| bodyClass | Apply class to card body | string | - |
| onClick | Callback when Card is clicked | (e: MouseEvent) => void | - |