Alusio Docs

Command Palette

Search for a command to run...

Daftar Type Element (AlusElementType)

Referensi lengkap semua type element yang resmi diterima Alus Builder, dikelompokkan per kategori.

Field type di setiap AlusElement adalah string literal yang mengidentifikasi jenis element. Builder hanya menerima 74 type berikut, dikelompokkan dalam 7 kategori sesuai panel Library.

Tabel di bawah pakai notasi:

  • Children: wajib berarti property children: AlusElement[] harus ada (boleh [] kosong); tidak boleh berarti leaf element.
  • Konteks: universal = bisa dipakai di page/section/template apa pun; template only = hanya valid di template builder yang sesuai.

Layout (4)

Wrapper struktural. Hanya layout types yang boleh punya children.

typeDeskripsiChildren
sectionPembungkus full-width terluar. Background section meluas ke seluruh viewport.wajib
containerMemberi max-width terpusat di dalam section.wajib
blockGeneric flex container; serbaguna untuk grouping element.wajib
sidebarLayoutLayout 2 area (main + sidebar). Wajib punya tepat 2 children: sidebarMain + sidebarAside.wajib

Layout helper types (auto-generated saat drop layout di builder, tapi valid di JSON):

  • sidebarMain, sidebarAside: child slot dari sidebarLayout.
  • tabs (children harus semua tab) + tab (children bebas).
  • twoColLayout (children harus tepat col1 + col2) + col1, col2.

Basic (10)

Element konten dasar paling sering dipakai.

typeDeskripsiChildren
headingH1-H6 dengan rich text inline (bold/italic/link/warna).tidak boleh
basicTextParagraf polos, tanpa formatting kompleks.tidak boleh
richTextParagraf dengan rich text (bold, italic, link, list, dll).tidak boleh
imageGambar tunggal (asset uploader, URL eksternal, atau dynamic).tidak boleh
videoEmbed video YouTube/Vimeo via URL.tidak boleh
buttonTombol dengan link, tracking pixel, dan styling lengkap.tidak boleh
textLinkHyperlink ringan inline, tanpa styling tombol.tidak boleh
iconIkon tunggal (Lucide / Phosphor / Tabler / custom SVG).tidak boleh
dividerGaris pemisah horizontal.tidak boleh
spacerSpasi vertikal kosong dengan tinggi konfigurable.tidak boleh

General (18)

Element interaktif & informatif untuk landing page dan halaman umum.

typeDeskripsiChildren
tabsTab navigation. Children harus semua type tab.wajib
accordionDaftar panel yang bisa di-expand/collapse (FAQ).tidak boleh
breadcrumbTrail navigasi (Home > Catalog > ...). Auto-emit JSON-LD BreadcrumbList.tidak boleh
counterAngka besar dengan animasi count-up (untuk statistik).tidak boleh
iconListList bullet dengan ikon kustom per item.tidak boleh
countdownTimerHitung mundur ke tanggal target (untuk promo terbatas).tidak boleh
alertBannerBanner notifikasi info/success/warning/error.tidak boleh
timelineTimeline vertikal/horizontal dengan event berurutan.tidak boleh
tableTabel data dengan baris/kolom konfigurable.tidak boleh
mapEmbedGoogle Maps embed via alamat atau iframe code.tidak boleh
formEmbed form yang dibuat di Form Builder, by id.tidak boleh
searchBarInput pencarian global site (produk, post, course, page).tidak boleh
basicMenuNavigasi menu (header/footer); pilih menu yang dibuat di dashboard.tidak boleh
htmlEmbedEmbed kode HTML kustom (iframe, widget pihak ketiga, AI output).tidak boleh
imageGalleryGaleri multi-gambar dengan layout grid/masonry.tidak boleh
featureCardKartu fitur tunggal (ikon + judul + deskripsi).tidak boleh
featureGridGrid fitur multi-item (built-in layout).tidak boleh
pricingTableTabel harga multi-tier untuk produk SaaS / paket.tidak boleh

eCommerce (11)

typeDeskripsiChildren
productGridGrid produk site (sortir, limit, filter kategori).tidak boleh
productImageGalleryGaleri gambar produk (untuk halaman detail produk).tidak boleh
courseGridGrid kursus published.tidak boleh
curriculumListDaftar kurikulum kursus (section + lesson) untuk halaman course.tidak boleh
checkoutButtonTombol "Beli Sekarang" yang link langsung ke checkout produk/bundle.tidak boleh
miniCheckoutCheckout inline 1 produk/bundle di tengah landing page.tidak boleh
checkoutItemsSlot daftar item di template halaman Checkout.tidak boleh
checkoutFormSlot form data customer di template Checkout.tidak boleh
checkoutShippingSlot pilihan kurir/ongkir di template Checkout.tidak boleh
checkoutPaymentSlot pilihan metode pembayaran di template Checkout.tidak boleh
checkoutSummarySlot ringkasan total di template Checkout.tidak boleh

Catatan: checkoutItems/checkoutForm/checkoutShipping/checkoutPayment/checkoutSummary hanya valid di template type checkout (template only).

Social (2)

typeDeskripsiChildren
testimonialTestimoni single/grid (foto + nama + kutipan + rating).tidak boleh
socialIconsDeretan ikon sosial media dengan link (FB/IG/TikTok/X/YT/dll).tidak boleh

Forms (8)

Element form field. Hanya valid di Form Builder (/dashboard/[siteSlug]/forms/[formId]/builder), tidak boleh dipakai di Page/Template Builder.

typeDeskripsi
nameFieldInput nama lengkap (wajib/opsional).
emailFieldInput email dengan validasi format.
phoneFieldInput nomor telepon.
textareaFieldInput text multi-line.
selectFieldDropdown pilihan dengan options custom.
checkboxFieldSingle checkbox (untuk consent/terms).
customHtmlHTML kustom di antara field (untuk legal text, divider info).
submitButtonTombol submit form. Setiap form harus punya min. 1 submitButton.

Dynamic (16) — Template Only

Element yang resolve datanya dari templateContext aktif (post / product / page / course saat ini). Hanya valid di template builder yang cocok (mis. postTitle hanya di template single_post atau post_archive). Jangan pakai di section/header/footer/checkout/page biasa.

Post (5) — template single_post / post_archive

  • postTitle: judul post saat ini.
  • postContent: isi body post (HTML rich text). Hanya di single_post.
  • postFeaturedImage: featured image post.
  • postExcerpt: ringkasan post.
  • postMeta: tanggal publish, author, kategori.

Product (4) — template single_product / shop_catalog

  • productTitle: nama produk.
  • productPrice: harga dengan format currency site.
  • productDescription: deskripsi produk. Hanya di single_product.
  • productImage: foto utama produk.

Page (3) — template single_page

  • pageTitle: judul page.
  • pageContent: isi page.
  • pageFeaturedImage: featured image page.

Course (4) — template single_course / course_archive

  • courseTitle: judul kursus.
  • courseDescription: deskripsi kursus. Hanya di single_course.
  • courseImage: cover kursus.
  • courseInstructor: nama/foto instruktur.

Type tidak dikenal akan ditolak

Validator builder reject element dengan type di luar daftar 74 di atas. Pesan error: elements[i].type: Invalid enum value. Pastikan AI/hand-craft hanya pakai type literal di atas.