Butonlar

Farklı boyutlarda, tiplerde ve renklerde oluşturulmuş butonları kullanabilirsiniz.

Temel

<button class="btn">buton</button>
<button class="btn btn-outline">dış kenarlı</button>
<button class="btn btn-clear">temiz</button>
<button class="btn" disabled>devre dışı</button>

Boyutlar

<button class="btn btn-small">küçük</button>
<button class="btn">normal</button>
<button class="btn btn-large">büyük</button>
<button class="btn btn-full-width">tam genişlik</button>

Renkler & Tipler

<div>
  <button class="btn btn-blue">mavi</button>
  <button class="btn btn-blue btn-outline">mavi</button>
  <button class="btn btn-blue btn-clear">mavi</button>
  <button class="btn btn-blue" disabled>mavi</button>
</div>
<div>
  <button class="btn btn-yellow">sarı</button>
  <button class="btn btn-yellow btn-outline">sarı</button>
  <button class="btn btn-yellow btn-clear">sarı</button>
  <button class="btn btn-yellow" disabled>sarı</button>
</div>
<div>
  <button class="btn btn-green">yeşil</button>
  <button class="btn btn-green btn-outline">yeşil</button>
  <button class="btn btn-green btn-clear">yeşil</button>
  <button class="btn btn-green" disabled>yeşil</button>
</div>
<div>
  <button class="btn btn-red">kırmızı</button>
  <button class="btn btn-red btn-outline">kırmızı</button>
  <button class="btn btn-red btn-clear">kırmızı</button>
  <button class="btn btn-red" disabled>kırmızı</button>
</div>

Diğer Tipler

<a class="btn" href="#" type="button">Link</a>
<input class="btn" type="button" value="Input" />
🎧☕️❤️& Gralig ile yapıldı. © 2019