SDK Customization

Vonip modal sudah responsive dan punya theming bawaan. Untuk kebutuhan khusus:

Tema

Vonip.init({ apiKey: "…", theme: "dark" }); // light | dark | auto

Default voice

Vonip.init({ apiKey: "…", defaultVoice: "narrator" });

Custom styling via CSS parts

Modal merender ke Shadow DOM dengan ::part() slots. Override dari host:

vonip-modal::part(backdrop) {
  background: rgba(0,0,0,.6);
}

Hanya bagian yang punya part=… yang bisa di-style. Lihat referensi: backdrop, modal, header, title, voice, voice-active, cta.

Locale UI

Vonip.init({ apiKey: "…", locale: "en" }); // id | en

Headless = full control

Kalau perlu UI 100% custom, jangan pakai Vonip.open(). Pakai Vonip.tts() / Vonip.voiceConvert() dan render UI sendiri.