ژتون های پیش فرض

به شما برای ارائه اطلاعات ساده با گزینه های متعدد کمک می کند. میتوانید یک ژتون را با استفاده از .chip و .chip-bodyایجاد کنید. برای افزودن آواتار از کلاس .avatar داخل .chip-bodyاستفاده کنید. از کلاس .chip-text برای متن ژتون استفاده کنید.

ژتون پایه
ل‌د
آواتار متنی
آواتار آیکن
generic img placeholder
آواتار تصویری
ژتون قابل بستن

رنگ ها

از کلاس .chip-{color-name} به همراه .chip برای تغییر رنگ پس زمینه ژتون استفاده کنید.

ژتون اولیه
ل‌د
آواتار متنی
آواتار آیکن
generic img placeholder
آواتار تصویری
ژتون قابل بستن

آواتار رنگی

میتوانید رنگ پس زمینه آواتار را عوض کنید با استفاده از .bg-{color-name} به همراه .avatar

وس
آواتار متنی
ه‌ت
آواتار متنی
آواتار متنی
آواتار متنی
آواتار متنی

آیکن‌ها

برای افزودن آیکن در ژتون آن ها را توسط این کلاس در بر بگیرید: .avatar

ژتون پیش فرض
آیکن اشتراک گذاری
آیکن ایمیل
آیکن ممنوع
آیکن باتری
آیکن ویرایش

قابل بستن

برای قابل بستن کردن ژتون خود از این کلاس استفاده کنید: .chip-closeable

دریبل
گیت هاب
بی هانس
ویو جی اس
Frest

آیکن قابل بستن سفارشی

میتوانید آیکن بستن را تغییر دهید با قرار دادن آیکن مورد نظر خود داخل .chip-closeable

دریبل
گیت هاب
بی هانس
ویو جی اس
Frest

سفارشی سازی قالب

سفارشی سازی کنید و به صورت زنده مشاهده کنید.
طرح قالب

رنگ های فهرست

جمع کردن فهرست

رنگ های نوار بالایی
نکته : این گزینه تنها در حالت نوار ثابت و در هنگام اسکرول صفحه نمایش داده خواهد شد.
نوع نوار بالایی

نوع فوتر

سایه کارت

مخفی سازی دکمه اسکرول به بالا
ارتباط با ما
امروز

لورم ایپسوم متن ساختگی

7:45 ق.ظ

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

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

7:50 ق.ظ

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

8:01 ق.ظ