Analytics

HeroCard

Dark Mode

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

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

Variants

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

포트폴리오 현황

회수완료12 개

정상기업8

주의기업3

펀드 운용 현황

운용중 펀드32개

Prop	Type	Required	Default	설명
`title`	`string`	✓	—	카드 상단 제목.
`variant`	`"primary" \| "grey"`	—	"primary"	배경색 계열. primary=주황(bg-primary-80), grey=회색(bg-black-5).
`action`	`ReactNode`	—	—	제목 우측 아이콘 (자동 pill 스타일 적용).
`children`	`ReactNode`	—	—	카드 본문 (StatItem, Label, Button 등 자유).
`className`	`string`	—	—	루트 className.