Komponen Divider Pemisah Konten
Garis pemisah visual horizontal dan vertikal dengan dukungan teks tengah, ikon, dan garis putus-putus.
Rikat Declarative / PrimeNG-StyleKomponen pemisah visual ala <p-divider> di PrimeNG. Digunakan untuk memisahkan bagian konten atau opsi aksi, baik dalam tata letak horizontal maupun vertikal, dengan dukungan teks di tengah, ikon, atau garis putus-putus.
Divider Horizontal Sederhana
Bagian atas dokumen berisi informasi ringkas mengenai arsitektur server.
Bagian bawah menjelaskan konfigurasi basis data dan migrasi skema tabel.
<!-- Garis Pemisah Horizontal Tipis -->
<p>Bagian Atas Dokumen</p>
<l-divider></l-divider>
<p>Bagian Bawah Dokumen</p>
Divider Beranotasi Teks & Ikon
<!-- Divider Berposisi Teks Tengah -->
<l-divider align="center"><span>ATAU MASUK DENGAN</span></l-divider>
<!-- Divider Berposisi Kiri dengan Ikon -->
<l-divider align="left"><span><l-icon name="shield"></l-icon> Keamanan</span></l-divider>
<!-- Divider dengan Badge -->
<l-divider align="center"><span class="c-badge c-badge-primary">VERSI 1.1.0</span></l-divider>
Gaya Garis Putus-Putus (Dashed Style)
Area unggah berkas spesifikasi teknis:
Format: .ngpk, .nview, .json
Maksimal 25 MB
<!-- Divider Garis Putus-Putus -->
<l-divider type="dashed"></l-divider>
Divider Vertikal (Toolbar Aksi)
<!-- Divider Vertikal di Antara Tombol Toolbar -->
<div style="display: inline-flex; align-items: center; gap: 0.5rem;">
<l-button label="Format" severity="ghost" size="sm" icon="edit"></l-button>
<l-button label="Salin" severity="ghost" size="sm" icon="copy"></l-button>
<l-divider layout="vertical"></l-divider>
<l-button label="Simpan" severity="primary" size="sm" icon="save"></l-button>
</div>