Tooltip

인터랙티브 데모

<DataTooltip
  title="디캠프 펀드"
  dotColor="bg-primary"
  sections={SECTIONS_1}
/>

Variants

섹션 수, Dot 유무, Single 모드에 따른 변형입니다.

인터랙티브 데모

<TooltipBubble>
  메시지에 마침표를 찍어요.
</TooltipBubble>

Color Variants

Figma Extended 패턴 기준의 색상과 옵션 조합입니다.

Arrow Positions

4방향 × 3정렬 = 12가지 화살표 위치를 지원합니다.

Props

interface TooltipSection {
  title?: string;
  rows: TooltipValueRow[];
}
interface TooltipValueRow {
  name: string;
  value: string;
}