cnippet – shadcn/ui Components – Page 13

Add Filters

@cnippet/v-drawer-12

File Attachments with Upload

block

@cnippet/v-drawer-13

Activity Log with Status Timeline

block

@cnippet/v-drawer-14

Help Center with FAQ Search

Quick Actions Grid

Multiple Positions — Inset

block

@cnippet/v-drawer-3

Multiple Positions — Straight

block

@cnippet/v-drawer-4

Multi-step Nested Drawers

Navigation Menu

Filter & Sort Panel

Shopping Cart

Notification Center

Basic drawer

Default

All caught up — no new notifications

block

@cnippet/v-empty-11

No team members — invite form empty state

block

@cnippet/v-empty-12

No matching results — clear filters empty state

block

@cnippet/v-empty-13

Inbox zero — illustration with compose action

block

@cnippet/v-empty-14

Access restricted — permission request empty state

Basic empty state

Search empty state

Empty state with search input

block

@cnippet/v-empty-4

Empty state with add button

block

@cnippet/v-empty-5

Dashed upload empty state

block

@cnippet/v-empty-6

No automations empty state with toggle illustration

block

@cnippet/v-empty-7

No products empty state with stacked cards and blur effect

block

@cnippet/v-empty-8

No payments empty state with credit card illustration

block

@cnippet/v-empty-9

No events empty state with calendar illustration

block

@cnippet/vertical-cut-reveal

Text reveals with a vertical clip-path wipe per character, word, or line

@cnippet/v-field-1

Basic field with label and description

Field with textarea

Field with select dropdown

Field with checkbox

Field with checkbox group

block

@cnippet/v-field-14

Field with radio group

Field with slider

Field with number input

block

@cnippet/v-field-17

Complete multi-field form

block

@cnippet/v-field-18

Field with switch toggle

block

@cnippet/v-field-19

Field with date input

block

@cnippet/v-field-2

Required password field

block

@cnippet/v-field-20

Field with OTP verification input

block

@cnippet/v-field-21

Field with file upload

block

@cnippet/v-field-22

Field with password strength indicator

Disabled field

Field with validation error

block

@cnippet/v-field-5

Field with validity state inspector

block

@cnippet/v-field-6

Field wrapping an input group

block

@cnippet/v-field-7

Field with autocomplete

block