Card — Media

Kartu artikel, musik, video, dan galeri untuk UI kaya media.

Kartu media untuk artikel, audio, video, dan galeri foto. Gambar adalah foto Unsplash kecil, dimuat secara lazy dan diperkecil untuk menjaga bandwidth tetap rendah — ganti setiap src dengan konten Anda sendiri.

Preview

Design 6 min read

A field guide to designing with tokens

How a small set of semantic variables can carry an entire product across light, dark and brand themes.

Leo Park · Mar 14

Paper Planes

The Offcuts

1:243:18

12:04

Building a themeable card system

Bosia TV · 24K views · 2d ago

+24

Studio shoot

28 photos · Apr 2

Install

Setiap kartu diinstal sendiri-sendiri:

bun x bosia@latest add block cards/article
bun x bosia@latest add block cards/music
bun x bosia@latest add block cards/video
bun x bosia@latest add block cards/gallery

Masing-masing menarik paket npm @lucide/svelte untuk ikon.

Usage

<script lang="ts">
	import Music from "$lib/blocks/cards/music/block.svelte";
</script>

<Music />

Putar/jeda pada kartu musik hanyalah $state lokal kosmetik — sambungkan ke elemen audio Anda sendiri.