Primitive

TaavFieldHint

بلوک راهنما، اطلاعات، موفقیت، هشدار یا خطا کنار فیلدهای فرم.

import { TaavFieldHint } from '@repo/ui';

فقط از props رسمی TaavUI استفاده کنید. unsafeClassName و escape hatchهای مشابه فقط برای موارد نادر هستند و نباید در مثال‌های عادی دیده شوند.

استفاده پایه

RTL Preview

راهنماشماره موبایل باید با 09 شروع شود.

<TaavFieldHint tone="info" title="راهنما" icon={<Info />}>...</TaavFieldHint>

پیش‌نمایش

neutralپیام نمونه برای tone=neutral

infoپیام نمونه برای tone=info

successپیام نمونه برای tone=success

warningپیام نمونه برای tone=warning

dangerپیام نمونه برای tone=danger

Prop	نوع	پیش‌فرض	توضیح
`tone`	'neutral' \| 'info' \| 'success' \| 'warning' \| 'danger'	neutral	نوع پیام
`size`	'sm' \| 'md'	md	تراکم متن
`icon`	ReactNode	—	آیکون راهنما
`title`	string	—	عنوان کوتاه
`children`	ReactNode	—	متن راهنما یا خطا

Gapvar(--taav-field-hint-gap)

Padding mdvar(--taav-field-hint-padding-md)

Radiusvar(--taav-field-hint-radius)

Font mdvar(--taav-text-sm)

helper only