sidebar-07

New tab Full preview

Installation

pnpm dlx kliping@latest add sidebar-07

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-07.vue setelah dipasang.

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

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

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

Sample content

• 1 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	avatar, breadcrumb, collapsible, dropdown-menu, separator, sidebar
Files	components/blocks/sidebar-07/sidebar-07.vue components/blocks/sidebar-07/app-sidebar.vue components/blocks/sidebar-07/nav-main.vue components/blocks/sidebar-07/nav-projects.vue components/blocks/sidebar-07/nav-user.vue components/blocks/sidebar-07/team-switcher.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-03 · sidebar-04 · sidebar-05 · sidebar-06 · 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-07 selebar layar — tab Preview dengan ukuran Desktop, Tablet, dan Mobile, seluruh berkasnya di tab Code, dan Previous/Next ke block lain di Blocks.