1.0.1 • Published 2 years ago
oskar-ui v1.0.1
OskarUI UI
install
npm install oskar-ui
Tooltip
Functions
특정 DOM 에 특정 이벤트를 트리거링했을 때 메시지를 띄웁니다.
메시지 박스의 위치를 선택할 수 있습니다.
메시지 박스 오픈 트리거 이벤트를 선택할 수 있습니다.
Get Started
import { Tooltip } from "oskar-ui";
Props
* 는 필수입니다.
Name | Type | Default | Description |
---|---|---|---|
message* | string | 툴팁에 띄울 메시지를 문자열로 입력받습니다. | |
position | 'top''bottom''left''right' | bottom | 툴팁을 띄울 위치입니다. |
trigger | 'hover''click' | hover | 툴팁을 띄울 이벤트를 선택합니다. |
size | 'sm''md''lg' | md | 툴팁의 사이즈를 결정합니다. |
theme | 'primary''secondary' | primary | 툴팁의 테마를 결정합니다. |