Bosia Bosia v0.8.11

Section Kontak

Section kontak — layout split form di samping detail kontak dan form terpusat.

Section kontak untuk situs perusahaan atau produk. Masing-masing adalah Svelte <section> mandiri selebar penuh yang dibangun hanya dari token semantik, sehingga gayanya berganti di setiap tema. Coba pengalih tema di atas preview.

Preview

Contact

Let's talk about your project

Tell us what you're building. We reply to every message within one business day.

Contact

Get in touch

Questions, feedback or a project in mind — drop us a line and we'll reply within one business day.

Install

bun x bosia@latest add block contact/split
bun x bosia@latest add block contact/simple

split menarik @lucide/svelte untuk ikon detailnya.

Blok-bloknya

  • split — heading, blurb dan detail kontak (email, telepon, kantor) di samping form kartu.
  • simple — heading terpusat di atas form nama / email / pesan yang ringkas.

Penggunaan

<script lang="ts">
	import Contact from "$lib/blocks/contact/split/block.svelte";
</script>

<Contact />

Kedua form mengirim POST JSON (name, email, message) ke /api/contact — ganti endpoint lewat prop action. Pasang feature contact-form untuk mendapatkan endpoint itu lengkap dengan validasi dan penyimpanan Drizzle; tanpa itu, arahkan action ke route milikmu sendiri. Ubah teks dan detail kontak di masing-masing block.svelte.

Sumber

src/lib/blocks/contact/*/block.svelte