Skip to content

[✨Feature] Tooltip 공통 컴포넌트 구현 #57

Description

@Lseojeong

📌 설명

서비스 전반에서 부가 정보와 도움말을 일관된 방식으로 제공하기 위해 Tooltip 공통 컴포넌트를 구현합니다.

아이콘, 버튼 등 다양한 요소에 간단한 안내 문구를 표시할 수 있도록 하며, Compound Pattern을 적용하여 재사용성과 확장성을 고려한 구조로 구성합니다.

🛠️ 구현 목록 (TODO)

진행할 작업을 체크리스트로 작성해주세요.

Tooltip

  • Tooltip 공통 컴포넌트 구현
  • Root 기반 Compound Pattern 구현
  • Tooltip.Root 구현
  • Tooltip.Trigger 구현
  • Tooltip.Content 구현
  • Tooltip.Arrow 구현

기능

  • Hover 및 Focus 시 Tooltip 표시
  • 위치(top, right, bottom, left) 지원
  • 표시/숨김 애니메이션 적용
  • Portal을 이용한 렌더링 지원

문서화

  • Storybook 작성

✅ 참고

디자인 링크, 관련 이슈 등 (선택)

Metadata

Metadata

Assignees

Labels

✨Feature새로운 기능 구현

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions