# Komponen Independen (Xionic Elements)

Berbeda dengan Layout Components yang membungkus tampilan dalam satu elemen <section> penuh (full-width section), Xionic Elements adalah komponen UI independen tanpa wrapper besar yang dirancang khusus untuk disematkan di dalam kolom grid, sidebar, atau blok Gutenberg bawaan lainnya.

# Karakteristik Xionic Elements

• Lokasi File: templates/components/elements/{slug}.php
• Kategori Gutenberg: Blok terdaftar di bawah kategori “Xionic Elements” (xionic-elements/{slug}).
• Registrasi Kelas: Didaftarkan dan dikelola melalui method ElementBlocks::getelementregistry().
• Penggunaan Fleksibel: Tidak memaksa kontainer <section>, sehingga dapat dimasukkan ke dalam elemen <div>, kolom Bootstrap, atau tab accordion.

# Contoh Bawaan: Timeline

Salah satu contoh bawaan adalah komponen linimasa vertikal interaktif:

• File: templates/components/elements/timeline.php
• Blok Gutenberg: xionic-elements/timeline
• Menggunakan CSS murni untuk garis pembatas linimasa, bulatan ikon tanggal, dan kartu event yang responsif.