Heros — Shop Split

Hero produk terbagi dengan teks, harga, rating, dan badge pengiriman mengambang.

bun x bosia@latest add block heros/shop-split

Hero produk terbagi dengan teks, harga, rating, dan badge pengiriman mengambang. Sebuah <section> mandiri selebar penuh yang dibangun hanya dari token semantik, sehingga gayanya berganti di seluruh 18 tema — warna brand dipetakan ke --primary.

Preview

New season Limited run

Sound that disappears into the music.

Studio-grade headphones tuned by people who actually listen. 40-hour battery, adaptive noise floor, featherweight build.

$249 $320 Save 22%

4.9 2,431 reviews

Loved by 30k listeners

Free 2-day shipping

On orders over $99

40h battery

Install

bun x bosia@latest add block heros/shop-split

Menarik paket npm @lucide/svelte untuk ikon.

Usage

<script lang="ts">
	import ShopSplit from "$lib/blocks/heros/shop-split/block.svelte";
</script>

<ShopSplit />

Letakkan di atas sebuah rute. Bagian interaktif apa pun (pemilih ukuran / warna / usia, input alamat atau email) hanyalah $state lokal kosmetik — sambungkan ke data Anda sendiri. Sunting block.svelte untuk mengganti teks dan gambar Unsplash.

Source

src/lib/blocks/heros/shop-split/block.svelte