#### المان‌های رابط کاربری / عمل‌های کارت‌ها

عمل‌های کارت‌ها

عمل | آیکن | جزئیات
--- | --- | ---
جمع کردن |  | توسط عمل collapse محتوای کارت را جمع کنید.
تازه‌سازی محتوا |  | توسط عمل refresh محتوای کارت را تازه‌سازی کنید.
گسترش کارت |  | توسط عمل expand کارت خود را گسترده کنید.
حذف کارت |  | توسط عمل remove کارت را از صفحه حذف کنید.

###### نمونه‌ها

از کلاس `.card-action` به همراه `.card` برای ایجاد عمل کارت استفاده کنید. از `.card-action-title` برای عنوان کارت دارای عمل و `.card-action-element` برای دربرگرفتن آیکن‌های عمل‌ها استفاده کنید.

کارت قابل جمع شدن

برای ایجاد یک کارت جمع شونده، از کلاس `.card-collapsible` به همراه آیتم عمل استفاده کنید. برای نمایش محتوای جمع شونده به صورت پیش‌فرض از کلاس `.show` به همراه `.collapse` استفاده کنید.

بر روی برای مشاهده جمع شدن کارت در عمل کلیک کنید.

تازه‌سازی محتوا

برای ایجاد یک کارت دارای عمل تازه‌سازی، از کلاس `.card-reload` به همراه آیتم عمل استفاده کنید. از کلاس `.card-alert` برای نمایش پیام پاسخ سفارشی استفاده کنید.

بر روی برای مشاهده تازه‌سازی محتوای کارت در عمل کلیک کنید.

گسترش کارت

برای ایجاد یک کارت دارای عمل گسترش (تمام‌صفحه)، از کلاس `.card-expand` به همراه آیتم عمل استفاده کنید. از دکمه `ESC` برای خروج از حالت تمام‌صفحه استفاده کنید.

بر روی برای مشاهده گسترش کارت در عمل استفاده کنید.

حذف کارت

برای ایجاد یک کارت دارای عمل حذف، از کلاس `.card-close` به همراه آیتم عمل استفاده کنید.

بر روی برای مشاهده حذف کارت در عمل کلیک کنید.

##### المان‌های هدر

سرتیتر کارت
جدید

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

##### عنوان کارت

10

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

سرتیتر کارت

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

##### عنوان کارت

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

سرتیتر کارت

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

##### عنوان کارت

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

سرتیتر کارت
متن نمونه

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

##### عنوان کارت

متن نمونه

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

سرتیتر کارت
سلام!

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

##### عنوان کارت

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

##### کارت‌های قابل کشیدن

منو درگ کن!

#### عنوان کارت اولیه

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده

منو درگ کن!

#### عنوان کارت ثانویه

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده

منو درگ کن!

#### عنوان کارت موفقیت

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده

منو درگ کن!

#### عنوان کارت اخطار

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده

منو درگ کن!

#### عنوان کارت هشدار

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده

منو درگ کن!

#### عنوان کارت اطلاعات

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده