@yamada-ui/card/dist/card.d.mts

Yamada UI card component

import * as _yamada_ui_core from '@yamada-ui/core';
import { HTMLUIProps, ThemeProps, CSSUIProps } from '@yamada-ui/core';

interface CardOptions {
    /**
     * The CSS `align-items` property.
     */
    align?: CSSUIProps["alignItems"];
    /**
     * The CSS `flex-direction` property.
     *
     * @deprecated Use `flexDirection` instead.
     */
    direction?: CSSUIProps["flexDirection"];
    /**
     * The CSS `justify-content` property.
     */
    justify?: CSSUIProps["justifyContent"];
}
interface CardProps extends Omit<HTMLUIProps<"article">, "direction">, ThemeProps<"Card">, CardOptions {
}
/**
 * `Card` is a component that groups and displays related information. By default, it renders a `article` element.
 *
 * @see Docs https://yamada-ui.com/components/data-display/card
 */
declare const Card: _yamada_ui_core.Component<"article", CardProps>;
interface CardHeaderProps extends HTMLUIProps<"header"> {
}
declare const CardHeader: _yamada_ui_core.Component<"header", CardHeaderProps>;
interface CardBodyProps extends HTMLUIProps {
}
declare const CardBody: _yamada_ui_core.Component<"div", CardBodyProps>;
interface CardFooterProps extends HTMLUIProps<"footer"> {
}
declare const CardFooter: _yamada_ui_core.Component<"footer", CardFooterProps>;

export { Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps };