sidebar-03

New tab Full preview

Installation

pnpm dlx kliping@latest add sidebar-03

Belum ada project? Jalankan npx kliping@latest init dulu — lihat Installation.

Usage

Block ini satu section selebar halaman, tanpa props: teks dan datanya diubah langsung di sidebar-03.vue setelah dipasang.

• Impor: import Sidebar03 from '@/components/blocks/sidebar-03/sidebar-03.vue'
• Render: <Sidebar03 />

Atau langsung sebagai halaman bersama block lain, sesuai urutan — sama dengan Builder: npx kliping@latest add navbar-01 sidebar-03 footer-01 --page src/LandingPage.vue

• Responsive: menyesuaikan lebar layar lewat breakpoint md:.
• Dark mode: ikut kelas .dark sepenuhnya lewat token tema.

Sample content

• 2 tautan masih href="#" — arahkan ke halaman Anda.

Requirements

Semua dipasang otomatis oleh kliping add; tabel ini untuk Anda yang memasang manual atau memeriksa project.

Requirement	Value
Project	Vue 3.5+, Tailwind CSS v4, alias @ — disiapkan kliping init
npm packages	@lucide/vue@^1.31.0
Kliping items	breadcrumb, separator, sidebar
Files	components/blocks/sidebar-03/sidebar-03.vue components/blocks/sidebar-03/app-sidebar.vue

In this family

Block lain di kategori Sidebar — bentuk section-nya sama, jadi bisa saling ditukar di halaman Anda (atau di Builder):

sidebar-01 · sidebar-02 · sidebar-04 · sidebar-05 · sidebar-06 · sidebar-07 · sidebar-08 · sidebar-09 · sidebar-10 · sidebar-11 · sidebar-12 · sidebar-13 · sidebar-14 · sidebar-15 · sidebar-16

Credits

Berasal dari shadcn-vue (MIT, Copyright (c) 2023 unovue). Rantai lengkapnya di Credits.

Full preview

Buka sidebar-03 selebar layar — tab Preview dengan ukuran Desktop, Tablet, dan Mobile, seluruh berkasnya di tab Code, dan Previous/Next ke block lain di Blocks.