Help Bubble
Help Bubble은 사용자에게 컴포넌트의 상태나 특정 기능에 대한 추가 정보를 제공하는 부가적인 도움말 컴포넌트입니다.
타이틀
설명을 추가할 수 있어요.
Installation
Props
| Prop | Type | Default |
|---|---|---|
arrowPadding? | number | 4 |
overflowPadding? | number | 8 |
slide? | boolean | true |
flip? | boolean | Placement[] | true |
gutter? | number | - |
placement? | Placement | "bottom" |
strategy? | "absolute" | "fixed" | "absolute" |
onOpenChange? | ((open: boolean) => void) | - |
open? | boolean | - |
defaultOpen? | boolean | - |
contentProps? | HelpBubbleContentProps | - |
children? | ReactNode | - |
showCloseButton? | boolean | - |
description? | string | - |
title? | string | - |
Examples
Anchor
L
Anchor
클릭으로 열고 닫는 동작 없이 위치만 지정합니다.
Placement
Placement
Placement로 기본 위치를 설정할 수 있어요.
Flip
Flip
Flip을 끄면 화면 경계에서 방향이 바뀌지 않아요.
Close Button
Close Button
showCloseButton으로 닫기 버튼을 추가할 수 있어요.
Title Only
Title Only