تولتیپ (Tooltip)
تولتیپها زمانی که کاربر بر روی یک عنصر حرکت میکند ظاهر میشوند و اطلاعات مرتبط با آن عنصر را نمایش میدهند.
پایه (Basic)
استفاده پایه از تولتیپ.
روی من بایستید
سفارشیسازی (Customize)
محتوای تولتیپ را میتوان سفارشیسازی کرد.
روی من بایستید
موقعیتدهی (Placement)
۹ گزینه موقعیتدهی برای تولتیپ وجود دارد که بهصورت پیشفرض در موقعیت بالا قرار میگیرد.
بالا-چپ
بالا
بالا-راست
چپ-چپ
راست-چپ
چپ
راست
چپ-راست
راست-راست
پایین-چپ
پایین
پایین-راست
API
تولتیپ (Tooltip)
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| disabled | غیرفعال کردن قابلیت تغییر وضعیت تولتیپ | boolean | - |
| isOpen | نمایش تولتیپ بهصورت پیشفرض | boolean | false |
| placement | موقعیت تولتیپ | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end' | 'top' |
| title | محتوای تولتیپ | string | ReactNode | |
| wrapperClass | کلاس برای عنصر والد تولتیپ | string | - |