تکست فیلد ها
برای استفاده از تکست فیلد ها کافیست کلاس
b_default-input
را اضافه کنید تا استایل مد نظر را در برگیرد.
برای استفاده از
input
در حالت
disable
بصورتی که نمخواهید استایل مربوط به
disable
را بگیرد میتوانید با اضافه کردن کلاس
b_prevent-interaction
بصورت یک
input
عادی باشد ولی بصورت
disable
عمل میکند.
برای مابقی استایل ها فقط کافیست به مستندات
vuetify
مراجعه کنید برای مثال : در حالت خطا باید از
props error-message
استفاده شود و یا برای غیرفعال
کردن تکست فیلد باید از
props disabled
استفاده شود و
...
تکست فیلد پیش فرض
تکست فیلد با آیکون
تکست فیلد با ۲ آیکون
تکست فیلد با ۳ آیکون
تکست فیلد حالت غیرفعال
تکست فیلد حالت خطا
تکست فیلد جستجو
تکست فیلد جستجو گرد
لیست کلاس ها
# اندازه
- lg
- md
- sm
- برای اعمال سایز تکست فیلد به حالت بزرگ میتوانید از کلاس " lg " استفاده کنید.
- برای اعمال سایز تکست فیلد به حالت متوسط میتوانید از کلاس " md " استفاده کنید.
- برای اعمال سایز تکست فیلد به حالت کوچک میتوانید از کلاس " sm " استفاده کنید.
# غیرفعال
- disabled
- برای استفاده از تکست فیلد ها به صورت غیرفعال باید props را " disabled " به تکست فیلد مورد نظر اعمال کنیم.
# خطا
- error-message
- برای استفاده از تکست فیلد ها به صورت خطا باید props را " error-message " به تکست فیلد مورد نظر اعمال کنیم.
# آیکون
- append
- prepend-inner
- برای استفاده از تکست فیلد ها و نمایش آیکون باید از slot و " append " یا " prepend-inner " استفاده کنید و نسبت به تعداد آیکون ها از کلاس های " b_input-icon--1 " ، " b_input-icon--2 " باید اضافه شود.