# Button

Button adalah salah satu komponen di Tribeliopage yang berfungsi untuk menambahkan Tombol yang dapat kamu tambahkan link atau thumbnail. 

## Tutorial

![Button Component](https://1695532416-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAmjLQ2aX6DHMCbTSBODu%2Fuploads%2FdJ8K8CYSBlcWADvYbRuu%2FButton%20-%20New.png?alt=media\&token=e966604c-60d1-4821-a3c6-06992dc2f8d3)

1. Buat Landing Page atau Edit Landing Page yang telah kamu buat
2. Klik "**Add Component**" di bagian Landing Page Builder
3. Pilih menu "**General**"
4. Klik "**Buttons**"
5. Gunakan "**Button Text**" untuk menambahkan teks pada Button
6. "**URL**" untuk menambahkan link pada Button yang berfungsi untuk mengarahkan (*redirect*) user ketika meng-klik Button 
7. "**Upload Thumbnail**" dan pilih gambar pilihanmu untuk menambahkan Thumbnail pada Button
8. "**Button Alignment**" untuk mengatur posisi Button. Terdapat 3 pilihan posisi, yaitu: Center, Left, dan Right

## Button Setting

1. Untuk menambahkan Background Color, klik menu "**Setting"** lalu pilih warna untuk Button kamu
2. Gunakan "**Button Color**" untuk mengubah warna Button
3. Gunakan "**Text Color**" untuk mengubah warna teks pada Button
4. Gunakan "**Font**" untuk mengubah jenis font pada Button
5. Gunakan "**Font Size**" untuk mengubah ukuran teks pada Button
6. Gunakan "**Border Radius**" untuk mengatur lengkungan pada Button
7. Gunakan "**Padding Top dan Bottom**" untuk mengatur jarak di bagian atas dan bawah Background
8. Jika kamu ingin menghapus semua pengaturan komponen Button yang telah kamu buat, klik tombol "**Reset**" yang berada di bagian bawah layar.