Cards Actions- عناصر UI | Materialize - قالب مدیریت HTML طراحی متریال

عناصر رابط کاربری /Cards Actions

اکشن کارت

عمل	آیکون	جزئیات
سقوط - فروپاشی		محتوای کارت را با استفاده از عمل جمع کردن جمع کنید.
بازخوانی محتوا		با استفاده از اقدام به‌روزرسانی، محتوای کارت خود را به‌روزرسانی کنید.
کارت را گسترش دهید		کارت خود را با استفاده از عمل گسترش به حداکثر برسانید
حذف کارت		با استفاده از اقدام حذف کارت، کارت را از صفحه حذف کنید

مثال ها

Use.card-actionclass with.cardclass to create action card. Use.card-action-titlefor action card title and.card-action-elementto warp the actions icons.

کارت تاشو

To create a collapsible card, use.card-collapsibleclass with action item. To show the collapsible content default use.showclass with.collapse.

Click onto see card collapse in action.

بازخوانی محتوا

To create a card with refresh action, use.card-reloadclass with action item. Use.card-alertclass to show custom response message.

Click onicon to see refresh card content in action.

کارت را گسترش دهید

To create a card with expand(fullscreen) action, use.card-expandclass with action item. Useخروجkey to exit from the fullscreen mode.

Click onicon to see expand card in action.

حذف کارت

Remove card action hide the card, use.card-closeclass with action item.

Click onicon to see remove card in action.

عناصر هدر

سربرگ کارت

جدید

نمونه سرصفحه کارت با نشان.

عنوان کارت

عنوان کارت نمونه با نشان طرح کلی.

سربرگ کارت

هدر کارت نمونه با دکمه کوچک اضافی.

عنوان کارت

عنوان کارت نمونه با دکمه نماد کوچک.

سربرگ کارت

هدر کارت نمونه با کادر ورودی جستجوی اضافی.

عنوان کارت

عنوان کارت نمونه با سوئیچ.

سربرگ کارت

متن نمونه

نمونه هدر کارت با متن.

عنوان کارت

متن نمونه

نمونه عنوان کارت با متن.

سربرگ کارت

سلام!

نمونه سرصفحه کارت با نشان و کشویی.

عنوان کارت

نمونه عنوان کارت با سوئیچ، کادر و دکمه را انتخاب کنید.