أيقونة المساعدة

توفّر أيقونة المساعدة توجيهاً سياقياً وشروحات دون ازدحام الواجهة. تكشف المعلومات المفيدة عند الطلب عبر تلميح أداة.

Loading demo: help-icon-real-world

التثبيت

npx sdaia-ui@latest add helpicon

import { CarouselImage } from '@sdaia/ui';

<CarouselImage images={images} />;

أيقونة المساعدة الافتراضية مع placement={top}.

Loading demo: help-icon-default

أيقونة مساعدة مع placement={bottom}.

Loading demo: help-icon-bottom

أيقونة مساعدة مع placement={right}.

Loading demo: help-icon-right

خصائص مكوّن HelpIcon.

Prop	Type	Default	Required
placement	'top' \| 'bottom' \| 'left' \| 'right'	'top'	optional
align	'start' \| 'center' \| 'end'	'start'	optional
open	boolean	-	optional
onOpenChange	(open: boolean) => void	-	optional
title	ReactNode	-	optional
description	ReactNode	-	optional
rtl	boolean	false	optional