floating-ui/react-popper
کاربرد:
این کتابخانه رسمی، امکان استفاده از Popper رو در کامپوننت‌های React فراهم می‌کنه. Popper یک کتابخانه قدرتمند برای موقعیت‌دهی المان‌ها مثل توولتیپ، دراپ‌داون و مُدال نسبت به یک المان دیگه هست.
در چه شرایطی بهتره استفاده شود؟
وقتی نیاز داری المانی رو به صورت پویا و هوشمند نسبت به یک المان دیگه موقعیت‌دهی کنی، مثلاً وقتی صفحه ریسایز میشه یا المان هدف جابه‌جا میشه. این کتابخانه به صورت خودکار موقعیت رو تنظیم می‌کنه تا المان همیشه در جای مناسب نمایش داده شود.
چند مثال از موارد استفاده
- نمایش توولتیپ روی هاور یک دکمه
- باز شدن دراپ‌داون منو در بالا یا پایین بسته به فضای موجود
- نمایش پاپ‌آور کنار یک فیلد فرم
- ساخت تایپ‌هِد هوشمند با پیشنهادات موقعیت‌یابی شده
- ##react
- ##popper
- ##ui
- ##tooltip
- ##dropdown
- ##popover
- ##floatingui
- ##webdev
- ##frontend
- ##javascript