Formatting: Button

Tentang

Formatting Button adalah format kode HTML cepat yang bisa digunakan untuk membuat Tombol - (Demo).

Spesifikasi

Konfigurasi

Keterangan

skin

Skin Tombol. Pilih salah satu dari yang tersedia pada Daftar Skin.

box-type

Nilai	Keterangan	Pratinjau
solid	Konfigurasi skin digunakan sebagai background
outline	Konfigurasi skin digunakan sebagai border

rounded

Nilai	Keterangan	Pratinjau
yes	Sudut melengkung
no	Sudut biasa (tampilan persegi)

full-width

Nilai	Keterangan	Pratinjau
yes	Lebar penuh
no	Lebar otomatis

size

Ukuran Tombol.

Nilai	Keterangan	Pratinjau
small	Kecil
normal	Standar
medium	Sedang
large	Besar

formatting

Secara default, sistem akan memproses semua elemen BUTTON pada penggunaan yang didukung sesuai data spesifikasi. Dengan memberikan nilai no pada konfigurasi ini, elemen BUTTON yang bersangkutan tidak akan diproses dengan formatting (akan menggunakan style default browser).

Penggunaan

Formatting ini akan memproses Tag HTML BUTTON dan Tag HTML lainnya yang memiliki class w-button.
```
        
<button>
  My button
</button>

<br/>
<br/>

<a href='#' class='w-button'>
  My button
</a>    
		
        
```
My button
Keterangan: class w-button hanya wajib ditambahkan jika menggunakan tag selain BUTTON. Pada HTML diatas, tidak ada satupun konfigurasi yang ditambahkan baik itu pada tag BUTTON maupun tag A. Semua konfigurasi akan mengambil Nilai Default.

Tambahkan konfigurasi yang dikehendaki dengan cara menambahkan atribut

data-nama-konfigurasi='Nilai'.

        
<button data-skin='blue' data-box-type='solid'>
  My button
</button>