HistoryCard

인터랙티브 데모

<HistoryCard
  date="2024.01.15"
  title="투자 내역"
  onHelpClick={() => {}}
  labels={LABELS_INVEST}
  items={ITEMS_INVEST}
/>

히스토리 타입별 예시

투자, 회수, 전환 등 다양한 자산 히스토리 유형을 Label 색상과 아이콘으로 구분합니다.

Contents Layout

ContentsList의 table/list 레이아웃을 전환할 수 있습니다.

최소 구성

라벨과 도움말 아이콘 없이 날짜 + 제목 + 데이터만으로 구성한 예시입니다.

Props

interface HistoryCardLabel {
  text: string;
  color?: LabelColor;
  round?: boolean;
  leftIcon?: ComponentType<{ className?: string }>;
}