D·Camp UI

Analytics

HeroCard

Dark Mode

KPIPanel 좌측에 배치되는 컬러 카드입니다. primary(주황) 또는 grey(회색) 배경에 제목 + 자유 콘텐츠 + 액션을 포함합니다.

import { HeroCard } from "@/shared/ui/widget"

Variants

primary(주황)와 grey(회색) 두 가지 variant를 지원합니다.

포트폴리오 현황

회수완료12 개
정상기업8
주의기업3

펀드 운용 현황

운용중 펀드32개

Props

HeroCard

PropTypeRequiredDefault설명
titlestring카드 상단 제목.
variant"primary" | "grey""primary"배경색 계열. primary=주황(bg-primary-80), grey=회색(bg-black-5).
actionReactNode제목 우측 아이콘 (자동 pill 스타일 적용).
childrenReactNode카드 본문 (StatItem, Label, Button 등 자유).
classNamestring루트 className.