Skip to main content

Lightning Base Component

Lightning Base Components adalah komponen-komponen dasar yang disediakan oleh Salesforce untuk membangun antarmuka pengguna (UI) dalam Lightning Experience dan Salesforce Mobile App. Komponen-komponen ini dirancang untuk memudahkan pengembang dalam membuat aplikasi yang responsif dan konsisten dengan desain Salesforce Lightning.

Karakteristik Utama Lightning Base Components​

  1. Reusable: Dapat digunakan kembali di berbagai bagian aplikasi.
  2. Customizable: Dapat disesuaikan dengan kebutuhan spesifik.
  3. Accessible: Dirancang dengan mempertimbangkan aksesibilitas.
  4. Mobile-friendly: Responsif dan bekerja baik di perangkat mobile.

Contoh Penggunaan​

Berikut adalah contoh form sederhana menggunakan Lightning Base Components:

<template>
    <lightning-card title="Form Sederhana">
        <div class="slds-m-around_medium">
            <lightning-input label="Nama" type="text"></lightning-input>
            <lightning-input label="Email" type="email"></lightning-input>
            <lightning-button label="Kirim" variant="brand" class="slds-m-top_small"></lightning-button>
        </div>
    </lightning-card>
</template>

Dalam contoh di atas, kita menggunakan:

  • lightning-card untuk membungkus form
  • lightning-input untuk field nama dan email
  • lightning-button untuk tombol submit

Diagram Hubungan Lightning Base Components​

Diagram ini menunjukkan bagaimana Lightning Base Components menjadi bagian integral dari Lightning Experience dan Salesforce Mobile App. Komponen-komponen ini dapat digunakan langsung atau digabungkan untuk membuat Lightning Web Components kustom, yang pada akhirnya membentuk aplikasi Salesforce Anda.

Keuntungan Menggunakan Lightning Base Components​

  1. Konsistensi: Menjaga tampilan dan nuansa yang konsisten di seluruh aplikasi Salesforce.
  2. Efisiensi: Mempercepat proses pengembangan dengan menggunakan komponen yang sudah ada.
  3. Pembaruan Otomatis: Komponen-komponen ini diperbarui oleh Salesforce, sehingga selalu up-to-date dengan fitur dan perbaikan terbaru.
  4. Responsif: Dirancang untuk bekerja dengan baik di berbagai ukuran layar dan perangkat.

Dengan menggunakan Lightning Base Components, pengembang dapat fokus pada logika bisnis dan fungsionalitas khusus aplikasi mereka, tanpa perlu menghabiskan waktu untuk merancang komponen UI dasar dari awal.