https://virgool.io/feed/@pooriavakili010 fa 2026-06-07 08:16:25 https://files.virgool.io/upload/users/501283/avatar/avatar.png?height=120&width=120 https://virgool.io/@pooriavakili010 https://virgool.io/Only-js/%D8%A7%D9%86%D8%AA-%D8%AF%DB%8C%D8%B2%D8%A7%DB%8C%D9%86-qgnktjl2t6vy انت دیزاین یک لایبری uicomponent است که اکثر react دولوپرها وبعضی ازvue دولوپرها ازش استفاده می کنند من بعضی از تگ های که در react به موارداستفاده می شود را توضیح می دهم.تو این مقاله قرار است در انت دیزاین در مورد تگ هایdivider ، row ، Col ، dropdown ، pagination ، cascader ، Select ،Switch ، timepicker ، treeselect ، treenode ، upload ، badge ،configproviderCollapse ، popover ، tabs ، Drawer ، modal ، Result ، توضیح بدهم و این تگ ها چهخصوصیت هایی در پروژه های که از انت دیزاین استفاده می کنید دارد.Dividerبا این تگ میتوانیم با اتربیو ت orientation همه تگ ها را به چپ چ ین یا راست چیننشان دهدRow col typegraphyبا تگrow و اتربیوت gutter چه قدر در مطالب فاصله بگذاریممثالم در کلیپ بدون صدا در مورد row col typography نشان میدهم.اگه در کلیپ دیده باشیم رفتارهای Row ,col با خصوصیاتی که میدهیم کاملا فرق میکندDropdownاین مثال در کلیپ نشان میدهم که چطور می شود باهاش کار کرد وچه خصوصیاتی داردشرمنده کمی کلیپ طولانی کردم میخواستم همه حالت های dropdown تا حدی نشان دهم . توی dropdown یک خصوصیت trigger داریم که حالتش مشخص میکنیم که من رو حالت click گذاشتم و overlay داشتیم که قرا ر است چه چیزی وقتی کلیک کردم نشان دهد و placement این نشون میدهد وقتی کلیک کردی همه تگ هات در کجا نشان دهد که مثلا خصوصیات هایی مثل top left top right bottom center bottom right داره و من برای استایل دهی از tailwindcss استفاده می کنم.https://www.aparat.com/v/DAeq9https://www.aparat.com/v/MuUCwmodaldrawerخروجی کدمثل modal بود فقط برای closable گذاشتمswitchPaginationdefult carrent مثلا از یک شروع شود تاtotal که اخرین صفحه 20 استselectخروجی کدTimepickerTree select treenodeخروجیbadgecollapseخروجیpopoverخروجیtabsخروجیدر کلیپhttps://www.aparat.com/v/USfgRResultconfig providerخزوجیمقاله ی بعدی در مورد antdesign pro,umi می باشد pooria vakili pooria vakili Thu, 24 Dec 2020 22:17:30 +0330