Card

Container for grouping related content with header, body, and footer sections

Example

Card

Container for grouping related content with header, body, and footer sections

Source: packages/appkit-ui/src/react/ui/card.tsx

Props

This component extends standard HTML element attributes.

Usage

import { Card } from '@databricks/appkit-ui';

<Card /* props */ />

CardAction

Action buttons or controls positioned in the card header

Source: packages/appkit-ui/src/react/ui/card.tsx

Props

This component extends standard HTML element attributes.

Usage

import { CardAction } from '@databricks/appkit-ui';

<CardAction /* props */ />

CardContent

Main content area of the card

Source: packages/appkit-ui/src/react/ui/card.tsx

Props

This component extends standard HTML element attributes.

Usage

import { CardContent } from '@databricks/appkit-ui';

<CardContent /* props */ />

CardDescription

Descriptive text providing context for the card

Source: packages/appkit-ui/src/react/ui/card.tsx

Props

This component extends standard HTML element attributes.

Usage

import { CardDescription } from '@databricks/appkit-ui';

<CardDescription /* props */ />

CardFooter

Footer section for additional actions or information

Source: packages/appkit-ui/src/react/ui/card.tsx

Props

This component extends standard HTML element attributes.

Usage

import { CardFooter } from '@databricks/appkit-ui';

<CardFooter /* props */ />

CardHeader

Header section containing title, description, and actions

Source: packages/appkit-ui/src/react/ui/card.tsx

Props

This component extends standard HTML element attributes.

Usage

import { CardHeader } from '@databricks/appkit-ui';

<CardHeader /* props */ />

CardTitle

Title heading for the card

Source: packages/appkit-ui/src/react/ui/card.tsx

Props

This component extends standard HTML element attributes.

Usage

import { CardTitle } from '@databricks/appkit-ui';

<CardTitle /* props */ />