استک | قالب HTML چند منظوره با صفحه ساز Variant
ثبت نام با ایمیل
حساب کاربری دارید؟ ورود

دکمه ها

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

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

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

استایل دکمه پیش فرض برای استک با استفاده از کلاس .btn میباشد و برای اندازه آن ها شما میتوانید از کلاس های .btn--lg و .btn--smاستفاده کنید. 

<a class="btn" href="#">
	<span class="btn__text">متن دکمه</span>
</a>
.btn--sm .btn .btn--lg

دکمه های رنگی

از کلاس های .btn--primary, .btn--primary-1 و .btn--primary-2 برای تغییر رنگ دکمه ها استفاده میشود. 

<a class="btn btn--primary" href="#">
	<span class="btn__text">متن دکمه</span>
</a>
.btn--primary .btn--primary-1 .btn--primary-2

دکمه های آیکون دار

از کلاس .btn--icon روی دکمه و قرار دادن <i> برای ایکون دکمه استفاده میشود. و کلاس .btn__text برای متن دکمه میباشد. 

<a class="btn btn--primary btn--icon" href="#">
	<span class="btn__text"><i class="icon-class"></i>متن دکمه</span>
</a>
سند جدید اضافه کردن به سبد

دکمه های شبکه های اجتماعی

از کلاس های .bg--facebook, .bg--twitter و... استفاده کنید، و به دکمه های رنگی با رنگ های مربوط به برند شبکه های اجتماعی بدهید 

<a class="btn bg--facebook btn--icon" href="#">
	<span class="btn__text"><i class="icon-class"></i>متن دکمه</span>
</a>