persian step 4

fa/components/README.md

@@ -1,17 +1,18 @@
-- [page](/fa/components/page.md)
 - [appbar](/fa/components/appbar.md)
-- [divider](/fa/components/divider.md)
-- [preloader](/fa/components/preloader.md)
 - [button](/fa/components/button.md)
 - [circleButton](/fa/components/circleButton.md)
+- [divider](/fa/components/divider.md)
+- [column](/fa/components/column.md)
+- [divider](/fa/components/container.md)
+- [dropdown](/fa/components/dropdown.md)
+- [grid](/fa/components/grid.md)
 - [icon](/fa/components/icon.md)
+- [image](/fa/components/image.md)
 - [input](/fa/components/input.md)
-- [dropdown](/fa/components/dropdown.md)
+- [menu](/fa/components/menu.md)
+- [nav](/fa/components/nav.md)
+- [page](/fa/components/page.md)
+- [preloader](/fa/components/preloader.md)
 - [row](/fa/components/row.md)
-- [column](/fa/components/column.md)
-- [grid](/fa/components/grid.md)
 - [text](/fa/components/text.md)
 - [toggle](/fa/components/toggle.md)
-- [nav](/fa/components/nav.md)
-- [menu](/fa/components/menu.md)
-- [image](/fa/components/image.md)

fa/components/circleButton.md

@@ -0,0 +1,17 @@
+# circleButton | دکمه گرد
+
+## توضیحات
+
+دکمه گرد همراه با آیکون برای ایجاد دکمه های استاندارد متریال
+
+## ویژگی‌ها
+
+- [name](/fa/properties/name.md): نام دکمه
+- [padding](/fa/properties/padding.md): حاشیه از داخل
+- [icon](/fa/properties/icon.md) : نماد یا آیکون
+- [bgColor](/fa/properties/color.md) : رنگ زمینه
+- [color](/fa/properties/color.md) : رنگ متن
+- size: سایز نوشته و آیکون
+- [onPressed](/fa/events.md) : کد نویسی برای زمان فشرده شدن دکمه
+- [onLongPress](/fa/events.md) : کد نویسی برای زمان فشرده شدن به مدت طولانی
+- hide: پنهان ( این ویژگی در صورت فعال شدن المان ناپیدا می‌شود)

fa/components/column.md

@@ -0,0 +1,29 @@
+# column | ستون
+
+## توضیحات
+
+ستون‌ها به شما این امکان را میدهد المان ها زیر یکدیگر بچنید
+
+## ویژگی‌ها
+
+-  [name](/fa/properties/name.md): نام 
+- [align](/fa/properties/align.md): جهت قرارگیری
+- [padding](/fa/properties/padding.md): حاشیه از داخل
+- [margin](/fa/properties/margin.md): حاشیه از خارج
+- [height](/fa/properties/height.md) : ارتفاع
+- [width](/fa/properties/width.md) : عرض
+- [bgColor](/fa/properties/color.md) : رنگ زمینه
+- [boderColor](/fa/properties/color.md) : رنگ خط حاشیه
+- border - ضخامت قاب حاشیه
+- [borderRadius](fa/properties/borderRadius.md): گردی لبه ها
+- hide: پنهان ( این ویژگی در صورت فعال شدن المان ناپیدا می‌شود)
+
+##  زیر مجموعه‌ها
+
+برای تغییرات در فرزندان با کلیک روی نماد سمت راست زیر امکان پذیر است
+
+![alt text](../../assets/images/properties/column.png)
+
+و سپس می‌توانید با دیالوگ زیر فرزندان را حذف یا با Drag ترتیب را جا به جا کنید، و یا آنها را تکثیر کنید
+
+![alt text](../../assets/images/properties/children.png)

fa/components/container.md

@@ -0,0 +1,23 @@
+# container | ظرف
+
+
+## توضیحات
+
+ضرف یا نگه دارنده، به شما این مکان را میدهد یک المان را در دل خود جای دهد
+
+## ویژگی‌ها
+
+-  [name](/fa/properties/name.md): نام 
+- [align](/fa/properties/align.md): جهت قرارگیری
+- [padding](/fa/properties/padding.md): حاشیه از داخل
+- [margin](/fa/properties/margin.md): حاشیه از خارج
+- [height](/fa/properties/height.md) : ارتفاع
+- [width](/fa/properties/width.md) : عرض
+- [bgColor](/fa/properties/color.md) : رنگ زمینه
+- [boderColor](/fa/properties/color.md) : رنگ خط حاشیه
+- border - ضخامت قاب حاشیه
+- [borderRadius](fa/properties/borderRadius.md): گردی لبه ها
+- child: برای دسترسی به فرزند
+- [onPressed](/fa/events.md) : کد نویسی برای زمان فشرده شدن دکمه
+- [onLongPress](/fa/events.md) : کد نویسی برای زمان فشرده شدن به مدت طولانی
+- hide: پنهان ( این ویژگی در صورت فعال شدن المان ناپیدا می‌شود)

fa/components/dropdown.md

@@ -0,0 +1,43 @@
+# dropdown | انتخاب گر
+
+## توضیحات
+
+برای انتخاب یک یا چند آتیم از لیست کاربرد دارد
+
+## ویژگی‌ها
+
+- [name](/fa/properties/name.md): نام 
+- title: متن داخل عنوان
+- placeholder: سمت مخالف که زمانی که انتخاب نشده نمایش داده می‌شود
+- [padding](/fa/properties/padding.md): حاشیه از داخل
+- [height](/fa/properties/height.md) : ارتفاع
+- [width](/fa/properties/width.md) : عرض
+- [icon](/fa/properties/icon.md) : نماد یا آیکون
+- [bgColor](/fa/properties/color.md) : رنگ زمینه
+- [iconColor](/fa/properties/color.md) : رنگ نماد یا آیکون
+- iconSize: اندازه نماد یا آیکون
+- hint: متن راهنمای کاربر
+- [trailingIcon](/fa/properties/icon.md): آیکون انتهایی در کنار placeholder
+- [trailingColor](/fa/properties/color.md): رنگ آیکون انتهایی
+- trailingSize: اندازه آیکون انتهایی
+- [color](/fa/properties/color.md) : رنگ متن
+- [modalColor](/fa/properties/color.md) : رنگ مودال
+- modalTitle: عنوان مودال
+- [modalBgColor](/fa/properties/color.md): رنگ پس‌زمینه مودال
+- multiple : قابلیت انتخاب چندگانه
+- isTwoLine: نمایش در دو خط
+- searchable: قابلیت سرچ
+- enabled: فعال بودن قابلیت انتخاب
+- value: مقدار پیش‌فرض
+- isLoading: حالت آماده‌سازی و صبر
+- [onChanged](/fa/events.md) : کد نویسی برای زمان تغییر انتخاب
+- hide: پنهان ( این ویژگی در صورت فعال شدن المان ناپیدا می‌شود)
+- options: گزینه‌های قابل انتخاب (به توضیحات گزینه‌ها توجه کنید)
+
+> مودال جایی است که موقع انتخاب به کاربر نمایش داده می‌شود
+
+# گزینه‌ها
+
+شما می‌توانید با باز کردن این مورد، گزینه ها را تغییر دهید و در پایین یک دکمه برای افزودن وجود دارد
+
+![alt text](../../assets/images/properties/options.png)

fa/components/grid.md

@@ -0,0 +1,29 @@
+# grid | کاشی
+
+
+## توضیحات
+
+برای چیدن المان ها به صورت مرتب و کاشی شده کنار و زیر یکدیگر است
+
+## ویژگی‌ها
+
+-  [name](/fa/properties/name.md): نام دکمه
+- [padding](/fa/properties/padding.md): حاشیه از داخل
+- [margin](/fa/properties/margin.md): حاشیه از خارج
+- childAspectRatio: تقسیم هر سطر به این عدد می‌باشد،
+  یعنی اگر شما ۲ را قرار دهید، دوتا دوتا المان‌ها کنار هم می‌چنید
+- [bgColor](/fa/properties/color.md) : رنگ زمینه
+- [boderColor](/fa/properties/color.md) : رنگ خط حاشیه
+- border - ضخامت قاب حاشیه
+- [borderRadius](fa/properties/borderRadius.md): گردی لبه ها
+- hide: پنهان ( این ویژگی در صورت فعال شدن المان ناپیدا می‌شود)
+
+##  زیر مجموعه‌ها
+
+برای تغییرات در فرزندان با کلیک روی نماد سمت راست زیر امکان پذیر است
+
+![alt text](../../assets/images/properties/grid.png)
+
+و سپس می‌توانید با دیالوگ زیر فرزندان را حذف یا با Drag ترتیب را جا به جا کنید، و یا آنها را تکثیر کنید
+
+![alt text](../../assets/images/properties/children.png)

fa/components/icon.md

@@ -0,0 +1,15 @@
+# icon | نماد یا آیکون
+
+## توضیحات
+
+نمایش یک نماد یا آیکون در صفحه
+
+## ویژگی‌ها
+
+- [name](/fa/properties/name.md): نام
+- [padding](/fa/properties/padding.md): حاشیه از داخل
+- [icon](/fa/properties/icon.md) : نماد یا آیکون
+- [color](/fa/properties/color.md) : رنگ آیکون
+- [align](/fa/properties/align.md): جهت قرارگیری
+- size: سایز آیکون
+- hide: پنهان ( این ویژگی در صورت فعال شدن المان ناپیدا می‌شود)

fa/components/image.md

@@ -0,0 +1,21 @@
+# image | تصاویر
+
+## توضیحات
+
+برای نمایش تصاویر چه آنلاین چه آفلاین باید از گزینه استفاده کنید
+
+## ویژگی‌ها
+
+- [name](/fa/properties/name.md): نام تصویر
+- [padding](/fa/properties/padding.md): حاشیه از داخل
+- [height](/fa/properties/height.md) : ارتفاع
+- [width](/fa/properties/width.md) : عرض
+- [align](/fa/properties/align.md): جهت قرارگیری
+- isOnline: برای تصاویر آنلاین این گزینه را فعال کنید
+- image: در صورت آنلاین بودن آدرس عکس را اینجا وارد کنید، در غیر این صورت تصویر مورد نظر را انتخاب کنید
+- fit: نحوه نمایش تصویر (توضیح بیشتر در ادامه)
+- hide: پنهان ( این ویژگی در صورت فعال شدن المان ناپیدا می‌شود)
+
+## fit | نحوه نمایش
+
+![alt text](../../assets/images/properties/imagefit.png)

fa/components/row.md

@@ -0,0 +1,30 @@
+# row | سطر
+
+## توضیحات
+
+ستون‌ها به شما این امکان را میدهد المان ها کنار یکدیگر بچنید
+
+## ویژگی‌ها
+
+- [name](/fa/properties/name.md): نام
+- [align](/fa/properties/align.md): جهت قرارگیری
+- [padding](/fa/properties/padding.md): حاشیه از داخل
+- [margin](/fa/properties/margin.md): حاشیه از خارج
+- [height](/fa/properties/height.md) : ارتفاع
+- [width](/fa/properties/width.md) : عرض
+- [bgColor](/fa/properties/color.md) : رنگ زمینه
+- [boderColor](/fa/properties/color.md) : رنگ خط حاشیه
+- border - ضخامت قاب حاشیه
+- axis - نحوه قرار گیری زیرمجموعه‌ها درکنار هم
+- [borderRadius](fa/properties/borderRadius.md): گردی لبه ها
+- hide: پنهان ( این ویژگی در صورت فعال شدن المان ناپیدا می‌شود)
+
+## زیر مجموعه‌ها
+
+برای تغییرات در فرزندان با کلیک روی نماد سمت راست زیر امکان پذیر است
+
+![alt text](../../assets/images/properties/row.png)
+
+و سپس می‌توانید با دیالوگ زیر فرزندان را حذف یا با Drag ترتیب را جا به جا کنید، و یا آنها را تکثیر کنید
+
+![alt text](../../assets/images/properties/children.png)

fa/properties/height.md

@@ -1,15 +1,10 @@
-## توضیحات
+## height
 
-برای نمایش یک preloader به منظور صبر کردن کاربر جهت انجام کاری کارایی دارد
+ارتفاع بر حسب پیکسل است و می‌توانید از درصد نیز استفاده کنید،
+فراموش نکنید، به درصد فاصله ندهید و با شکل زیر استفاده کنید:
 
-## ویژگی‌ها
+``
+85%
+``
 
-
-## ویژگی
--  [name](/fa/properties/name.md): نام صفحه
-- [color](/fa/properties/color.md) : رنگ زمینه
-- [padding](/fa/properties/padding.md): حاشیه از داخل
-- [align](/fa/properties/align.md): جهت قرارگیری
-- [height](/fa/properties/height.md) : ارتفاع
-- [width](/fa/properties/width.md) : عرض
-- hide: پنهان ( این ویژگی در صورت فعال شدن المان ناپیدا می‌شود)
+اگر مقدار ان برابر با `null` باشد اندازه به صورت خودکار متناسب با جایگاه قرار می‌گیرید

fa/properties/width.md

@@ -5,4 +5,6 @@
 
 ``
 75%
-``
+``
+
+اگر مقدار ان برابر با `null` باشد اندازه به صورت خودکار متناسب با جایگاه قرار می‌گیرید

fa/sidebar.md

@@ -7,21 +7,22 @@
     - [align | جهت نمایش](/fa/properties/align.md)
     - [padding | حاشیه داخلی](/fa/properties/padding.md)
 - [کامپوننت‌ها](/fa/components/README.md)
-  - [page](/fa/components/page.md)
   - [appbar](/fa/components/appbar.md)
-  - [divider](/fa/components/divider.md)
-  - [preloader](/fa/components/preloader.md)
   - [button](/fa/components/button.md)
   - [circleButton](/fa/components/circleButton.md)
+  - [divider](/fa/components/divider.md)
+  - [column](/fa/components/column.md)
+  - [divider](/fa/components/container.md)
+  - [dropdown](/fa/components/dropdown.md)
+  - [grid](/fa/components/grid.md)
   - [icon](/fa/components/icon.md)
+  - [image](/fa/components/image.md)
   - [input](/fa/components/input.md)
-  - [dropdown](/fa/components/dropdown.md)
+  - [menu](/fa/components/menu.md)
+  - [nav](/fa/components/nav.md)
+  - [page](/fa/components/page.md)
+  - [preloader](/fa/components/preloader.md)
   - [row](/fa/components/row.md)
-  - [column](/fa/components/column.md)
-  - [grid](/fa/components/grid.md)
   - [text](/fa/components/text.md)
   - [toggle](/fa/components/toggle.md)
-  - [nav](/fa/components/nav.md)
-  - [menu](/fa/components/menu.md)
-  - [image](/fa/components/image.md)
 -[Events | رویدادها](/fa/events.md)