راهنمای ابزارها یک روش مفید برای ارائه اطلاعات اضافی به کاربران هستند. غالباً وقتی کاربران با یک عنصر تعامل میکنند یا روی آن موسیقی میزنند، ظاهر میشوند و اطلاعات مربوطه را ارائه میدهند. این بخش توضیح میدهد که چگونه میتوانید راهنماهای ابزار را در وباپلیکیشن خود اجرا کنید.
بخش "پایه راهنمای ابزار" نشان داده است که چگونه از راهنماها برای ارائه اطلاعات اضافی و هدایت کاربران در زمان تعامل با عناصر در صفحه وبتان استفاده کنید. با پیروی از این راهنماها و بهترین روشها، میتوانید تجربه کاربری را بهبود بخشید و زمینه ارزشمندی را فراهم کنید بدون افزودن به UI خود.
"تولتیپ هنگام کلیک" یک نوع تغییری از تولتیپ سنتی است که در هنگام کلیک بر روی یک عنصر، نمایش داده میشود. این بخش توضیح میدهد که چگونه میتوانید راهنماهایی را که زمانی که کاربران روی عناصر در برنامه وب خود کلیک میکنند، نمایش داده شود، پیادهسازی کنید.
بخش "تولتیپ هنگام کلیک" نشان داده است که چگونه میتوانید از راهنماها استفاده کنید که هنگام کلیک کاربر بر روی عناصر در وب اپلیکیشن شما ظاهر میشوند. با پیروی از این راهنمودها و بهترین روشها، میتوانید اطلاعات اضافی و زمینه مورد نیاز را به کاربرانتان در زمانی که به آن نیاز دارند ارائه کنید، که این امر باعث بهبود کلی تجربه کاربری میشود.
"نکتهنامهی روشن" یک نوع از راهنماهای ابزار است که نور روی عنصر مربوطه میاندازد. این بخش نشان میدهد چگونه میتوانید راهنماهای نور را در برنامه وب خود پیادهسازی کنید. بخش "راهنمای نور" نشان داده است که چگونه میتوانید از راهنماهای نور برای ارائه اطلاعات اضافی و زمینه به کاربران زمانی که آنها نیاز دارند، استفاده کنید.
بخش "نکتهنامهی روشن" نشان داده است چگونه از راهنماهایی که اطلاعات اضافی را در هنگام رویت المانها در برنامه وبشما فراهم میکنند، استفاده کنید. با پیروی از این راهنماها و بهترین روشها، میتوانید فهم کاربر را ارتقا داده و تجربه کاربری کلی را بهبود بخشید.
این بخش توضیح میدهد که چگونه میتوانید محتوای دلخواه راهنما را در وبسایت خود ایجاد کنید.
این بخش توضیح میدهد که چگونه میتوانید محتوای دلخواه راهنما را در وبسایت خود ایجاد کنید.
تولتیپها در نمودارها و نمودارها، اجزای اساسی برای ارائه اطلاعات به کاربران در هنگام تعامل با دادههای بصری هستند. این بخش توضیح میدهد که چگونه میتوانید تولتیپهای نمودار را در برنامه وب خود پیادهسازی و سفارشی کنید.
بخش "نمودار راهنمای ابزار" نشان داده است چگونه میتوانید راهنماهای نمودار و دادههای خود را سفارشی کنید. با اجرای راهنماهای نمودار به خوبی، میتوانید به کاربران بینشهای ارزشمندی ارائه دهید، درک آنها از دادهها را افزایش دهید و مشارکت کاربران را بهبود بخشید.
در این بخش، اطلاعات جزئی در مورد ویژگیها، کلاسها و گزینههای موجود که میتوانید با اجزاء است. درک این خصوصیات برای سفارشی کردن و پیکربندی اجزاء برای مطابقت با نیازهای خاص شما ضروری است.
در زیر لیستی از ویژگیهایی که میتوان به اجزاء منتقل کرد، آمده است:
پراپ (Prop) | نوع (Type) | شرح |
---|---|---|
`getRef` | `(el: PopperElement | null) => void` | این تابع، با گرفتن مرجع به یک PopperElement یا null کمک میکند. |
`content` | `string` | محتوایی که در راهنما نمایش داده میشود |
`as` | `string` | نوع عنصر HTML یا مولفه React برای نمایش |
`options` | `Props` | گزینههای اضافی برای سفارشیسازی راهنما ظاهر و رفتار |
پراپ (Prop) | نوع (Type) | شرح |
---|---|---|
`to` | `string` | انتخاب کننده عنصر هدف برای راهنما (استفاده از ویژگی data-tooltip) |
`getRef` | `(el: HTMLElement | null) => HTMLElement` | تابعی برای دریافت مرجع به عنصر راهنما یا null |
`options` | `Props` | گزینههای اضافی برای سفارشیسازی راهنما ظاهر و رفتار |