Card

Exports

@mbsw/ui에서 가져올 수 있는 항목입니다.

Card

CardContent

CardDescription

CardFooter

CardHeader

CardLabel

CardLogo

CardTitle

Props

컴포넌트별 주요 속성입니다. 조건부 속성의 조합과 공통 HTML, Radix 속성은 아래 전체 타입에서 확인하세요.

공통 속성을 사용하는 컴포넌트입니다. 아래 전체 타입을 확인하세요.

Type reference

전체 타입 보기

속성 조합과 상속 속성을 포함한 TypeScript 선언입니다.

import { type HTMLAttributes } from 'react';

type DataAttributes = {
    [key: `data-${string}`]: boolean | number | string | undefined;
};

type DivProps = HTMLAttributes<HTMLDivElement> & DataAttributes;

type ParagraphProps = HTMLAttributes<HTMLParagraphElement> & DataAttributes;

export type CardProps = DivProps;

export type CardHeaderProps = DivProps;

export type CardLogoProps = DivProps;

export type CardLabelProps = DivProps;

export type CardTitleProps = DivProps;

export type CardDescriptionProps = ParagraphProps;

export type CardContentProps = DivProps;

export type CardFooterProps = DivProps;

export declare const Card: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const CardHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const CardLogo: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const CardLabel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const CardTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const CardDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & DataAttributes & import("react").RefAttributes<HTMLParagraphElement>>;

export declare const CardContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;

export declare const CardFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & DataAttributes & import("react").RefAttributes<HTMLDivElement>>;