حقل الإدخال (Input)

يتيح لك مكوّن حقل الإدخال (Input) كتابة نص قصير، مع حالات التحقق ودعم الأيقونات.

التثبيت

bash

npx @smicolon/cli add input

قبل إضافة أي مكوّن، شغّل الأمر init مرة واحدة في مشروعك. التفاصيل في صفحة التثبيت.

الخاصية	النوع	الافتراضي	الوصف
`variant`	`"default" \| "error" \| "success"`	`"default"`	النمط (variant) المرئي لحالة التحقق.
`inputSize`	`"sm" \| "default" \| "lg"`	`"default"`	حجم الحقل.
`startIcon`	`ReactNode`	لا يوجد	أيقونة في بداية الحقل.
`endIcon`	`ReactNode`	لا يوجد	أيقونة في نهاية الحقل.
`placeholder`	`string`	لا يوجد	نص يظهر والحقل فارغ.
`type`	`string`	`"text"`	نوع الحقل، مثل `email`.
`disabled`	`boolean`	`false`	يعطّل الحقل ويُظهره باهتًا.
`value`	`string`	لا يوجد	قيمة الحقل، وتُستخدم مع `onChange`.
`onChange`	`(event) => void`	لا يوجد	تُستدعى عند تغيير النص.
`className`	`string`	لا يوجد	أصناف (class) إضافية للمكوّن.