Vuzeno

https://vuzeno.com/docs
Admin
Vuzeno is an accessible UI component registry for Vue that provides customizable and composable...
Tokens:34,074
Snippets:590
Trust Score:2.4
Update:1 month ago
Show doc for...
Tokens:
Raw
### Install with bun

Source: https://vuzeno.com/docs/components/autocomplete

Install the Autocomplete component from the Vuzeno registry using bun.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/autocomplete.json
```

--------------------------------

### Install with bunx

Source: https://vuzeno.com/docs/components/date-picker

Install the Date Picker component using bunx.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/date-picker.json
```

--------------------------------

### Install with npx

Source: https://vuzeno.com/docs/components/autocomplete

Install the Autocomplete component from the Vuzeno registry using npx.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/autocomplete.json
```

--------------------------------

### Install with yarn

Source: https://vuzeno.com/docs/components/autocomplete

Install the Autocomplete component from the Vuzeno registry using yarn.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/autocomplete.json
```

--------------------------------

### Install with npx

Source: https://vuzeno.com/docs/components/date-picker

Install the Date Picker component using npx.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/date-picker.json
```

--------------------------------

### Install with pnpm

Source: https://vuzeno.com/docs/components/autocomplete

Install the Autocomplete component from the Vuzeno registry using pnpm.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/autocomplete.json
```

--------------------------------

### Install with bun

Source: https://vuzeno.com/docs/components/clipboard

Install the Clipboard component using the bun package manager.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/clipboard.json
```

--------------------------------

### Install with bun

Source: https://vuzeno.com/docs/components/date-input

Install the Date Input component from the Vuzeno registry using bun.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/date-input.json
```

--------------------------------

### Install with npm

Source: https://vuzeno.com/docs/components/date-input

Install the Date Input component from the Vuzeno registry using npm.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/date-input.json
```

--------------------------------

### Install Drawer with npx

Source: https://vuzeno.com/docs/components/drawer

Install the Drawer component from the Vuzeno registry using npx.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/drawer.json
```

--------------------------------

### Install Drawer with bun

Source: https://vuzeno.com/docs/components/drawer

Install the Drawer component from the Vuzeno registry using bun.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/drawer.json
```

--------------------------------

### Install with yarn

Source: https://vuzeno.com/docs/components/date-input

Install the Date Input component from the Vuzeno registry using yarn.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/date-input.json
```

--------------------------------

### Install Drawer with yarn

Source: https://vuzeno.com/docs/components/drawer

Install the Drawer component from the Vuzeno registry using yarn.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/drawer.json
```

--------------------------------

### Install with pnpm

Source: https://vuzeno.com/docs/components/date-input

Install the Date Input component from the Vuzeno registry using pnpm.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/date-input.json
```

--------------------------------

### Install with pnpm

Source: https://vuzeno.com/docs/components/clipboard

Install the Clipboard component using the pnpm package manager.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/clipboard.json
```

--------------------------------

### Install with bun

Source: https://vuzeno.com/docs/components/dialog-caller

Install DialogCaller using the bun package manager.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/dialog-caller.json
```

--------------------------------

### Install Hover Card with npx

Source: https://vuzeno.com/docs/components/hover-card

Install the Hover Card component using npx.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/hover-card.json
```

--------------------------------

### Install with npm

Source: https://vuzeno.com/docs/components/clipboard

Install the Clipboard component using the npm package manager.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/clipboard.json
```

--------------------------------

### Install Drawer with pnpm

Source: https://vuzeno.com/docs/components/drawer

Install the Drawer component from the Vuzeno registry using pnpm.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/drawer.json
```

--------------------------------

### Install with yarn

Source: https://vuzeno.com/docs/components/clipboard

Install the Clipboard component using the yarn package manager.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/clipboard.json
```

--------------------------------

### Install with pnpm

Source: https://vuzeno.com/docs/components/dialog-caller

Install DialogCaller using the pnpm package manager.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/dialog-caller.json
```

--------------------------------

### Install with yarn

Source: https://vuzeno.com/docs/components/dialog-caller

Install DialogCaller using the yarn package manager.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/dialog-caller.json
```

--------------------------------

### Install Hover Card with pnpm

Source: https://vuzeno.com/docs/components/hover-card

Install the Hover Card component using pnpm.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/hover-card.json
```

--------------------------------

### Install with npm

Source: https://vuzeno.com/docs/components/dialog-caller

Install DialogCaller using the npm package manager.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/dialog-caller.json
```

--------------------------------

### Install Empty component with bun

Source: https://vuzeno.com/docs/components/empty

Install the Empty component from the Vuzeno registry using bun.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/empty.json
```

--------------------------------

### Install with bun

Source: https://vuzeno.com/docs/components/color-picker

Install the Color Picker component using the bun package manager.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/color-picker.json
```

--------------------------------

### Install Input component with bun

Source: https://vuzeno.com/docs/components/input

Install the Input component using the bun package manager.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/input.json
```

--------------------------------

### Install Hover Card with yarn

Source: https://vuzeno.com/docs/components/hover-card

Install the Hover Card component using yarn.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/hover-card.json
```

--------------------------------

### Install with pnpm dlx

Source: https://vuzeno.com/docs/components/date-picker

Install the Date Picker component using pnpm dlx.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/date-picker.json
```

--------------------------------

### Install with yarn dlx

Source: https://vuzeno.com/docs/components/date-picker

Install the Date Picker component using yarn dlx.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/date-picker.json
```

--------------------------------

### Install Empty component with npx

Source: https://vuzeno.com/docs/components/empty

Install the Empty component from the Vuzeno registry using npx.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/empty.json
```

--------------------------------

### Install Fieldset with yarn

Source: https://vuzeno.com/docs/components/fieldset

Install the Fieldset component using yarn with the Vuzeno registry.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/fieldset.json
```

--------------------------------

### Install Empty component with yarn

Source: https://vuzeno.com/docs/components/empty

Install the Empty component from the Vuzeno registry using yarn.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/empty.json
```

--------------------------------

### Install Button component with bun

Source: https://vuzeno.com/docs/components/button

Install the Button component from the Vuzeno registry using bun.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/button.json
```

--------------------------------

### Install Empty component with pnpm

Source: https://vuzeno.com/docs/components/empty

Install the Empty component from the Vuzeno registry using pnpm.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/empty.json
```

--------------------------------

### Install Fieldset with pnpm

Source: https://vuzeno.com/docs/components/fieldset

Install the Fieldset component using pnpm with the Vuzeno registry.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/fieldset.json
```

--------------------------------

### Install Input component with pnpm

Source: https://vuzeno.com/docs/components/input

Install the Input component using the pnpm package manager.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/input.json
```

--------------------------------

### Install with bun

Source: https://vuzeno.com/docs/components/segment-group

Install the Segment Group component using the bun package manager.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/segment-group.json
```

--------------------------------

### Install Button component with npx

Source: https://vuzeno.com/docs/components/button

Install the Button component from the Vuzeno registry using npx.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/button.json
```

--------------------------------

### Install Button component with yarn

Source: https://vuzeno.com/docs/components/button

Install the Button component from the Vuzeno registry using yarn.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/button.json
```

--------------------------------

### Install Fieldset with npx

Source: https://vuzeno.com/docs/components/fieldset

Install the Fieldset component using npx with the Vuzeno registry.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/fieldset.json
```

--------------------------------

### Install with pnpm

Source: https://vuzeno.com/docs/components/color-picker

Install the Color Picker component using the pnpm package manager.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/color-picker.json
```

--------------------------------

### Install Hover Card with bun

Source: https://vuzeno.com/docs/components/hover-card

Install the Hover Card component using the bun package manager.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/hover-card.json
```

--------------------------------

### Install with npm

Source: https://vuzeno.com/docs/components/color-picker

Install the Color Picker component using the npm package manager.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/color-picker.json
```

--------------------------------

### Install file-upload with bun, npx, yarn, or pnpm

Source: https://vuzeno.com/docs/components/file-upload

Install the file upload component from the Vuzeno registry using your preferred package manager. Each command adds the component to your project.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/file-upload.json
```

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/file-upload.json
```

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/file-upload.json
```

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/file-upload.json
```

--------------------------------

### Install Input component with yarn

Source: https://vuzeno.com/docs/components/input

Install the Input component using the yarn package manager.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/input.json
```

--------------------------------

### Install with yarn

Source: https://vuzeno.com/docs/components/color-picker

Install the Color Picker component using the yarn package manager.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/color-picker.json
```

--------------------------------

### Install Input component with npm

Source: https://vuzeno.com/docs/components/input

Install the Input component using the npm package manager.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/input.json
```

--------------------------------

### Install Image Cropper with bun

Source: https://vuzeno.com/docs/components/image-cropper

Install the Image Cropper component using the bun package manager with the Vuzeno registry URL.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/image-cropper.json
```

--------------------------------

### Install Button component with pnpm

Source: https://vuzeno.com/docs/components/button

Install the Button component from the Vuzeno registry using pnpm.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/button.json
```

--------------------------------

### Install Fieldset with bun

Source: https://vuzeno.com/docs/components/fieldset

Install the Fieldset component using the bun package manager with the Vuzeno registry.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/fieldset.json
```

--------------------------------

### Install Checkbox with bun

Source: https://vuzeno.com/docs/components/checkbox

Install the Checkbox component using the bun package manager.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/checkbox.json
```

--------------------------------

### Install Image Cropper with yarn

Source: https://vuzeno.com/docs/components/image-cropper

Install the Image Cropper component using the yarn package manager with the Vuzeno registry URL.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/image-cropper.json
```

--------------------------------

### Install Image Cropper with pnpm

Source: https://vuzeno.com/docs/components/image-cropper

Install the Image Cropper component using the pnpm package manager with the Vuzeno registry URL.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/image-cropper.json
```

--------------------------------

### Install Image Cropper with npm

Source: https://vuzeno.com/docs/components/image-cropper

Install the Image Cropper component using the npm package manager with the Vuzeno registry URL.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/image-cropper.json
```

--------------------------------

### Install Editable with bun, npx, yarn, or pnpm

Source: https://vuzeno.com/docs/components/editable

Install the Editable component from the Vuzeno registry using your preferred package manager. Each command adds the component to your project.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/editable.json
```

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/editable.json
```

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/editable.json
```

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/editable.json
```

--------------------------------

### Install ActionSheet with bun, npx, yarn, or pnpm

Source: https://vuzeno.com/docs/components/action-sheet

Install the ActionSheet component from the Vuzeno registry using your preferred package manager. Each command adds the component via shadcn-vue.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/action-sheet.json
```

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/action-sheet.json
```

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/action-sheet.json
```

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/action-sheet.json
```

--------------------------------

### Install Carousel with bun, npx, yarn, or pnpm

Source: https://vuzeno.com/docs/components/carousel

Install the Carousel component from the Vuzeno registry using your preferred package manager. Each command adds the component to your project.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/carousel.json
```

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/carousel.json
```

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/carousel.json
```

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/carousel.json
```

--------------------------------

### Install with pnpm

Source: https://vuzeno.com/docs/components/segment-group

Install the Segment Group component using the pnpm package manager.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/segment-group.json
```

--------------------------------

### Install with yarn

Source: https://vuzeno.com/docs/components/segment-group

Install the Segment Group component using the yarn package manager.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/segment-group.json
```

--------------------------------

### Install with npm

Source: https://vuzeno.com/docs/components/segment-group

Install the Segment Group component using the npm package manager.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/segment-group.json
```

--------------------------------

### Install Steps with bun, npx, yarn, or pnpm

Source: https://vuzeno.com/docs/components/steps

Install the Steps component from the Vuzeno registry using your preferred package manager. Each command adds the component via the shadcn-vue CLI.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/steps.json
```

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/steps.json
```

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/steps.json
```

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/steps.json
```

--------------------------------

### Install Alert with bun, npx, yarn, or pnpm

Source: https://vuzeno.com/docs/components/alert

Install the Alert component from the Vuzeno registry using your preferred package manager. Each command adds the component via the shadcn-vue CLI.

```bash
bunx --bun shadcn-vue@latest add https://vuzeno.com/r/alert.json
```

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/alert.json
```

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/alert.json
```

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/alert.json
```

--------------------------------

### Install Checkbox with pnpm

Source: https://vuzeno.com/docs/components/checkbox

Install the Checkbox component using the pnpm package manager.

```bash
pnpm dlx shadcn-vue@latest add https://vuzeno.com/r/checkbox.json
```

--------------------------------

### Install Checkbox with yarn

Source: https://vuzeno.com/docs/components/checkbox

Install the Checkbox component using the yarn package manager.

```bash
yarn dlx shadcn-vue@latest add https://vuzeno.com/r/checkbox.json
```

--------------------------------

### Install Checkbox with npm

Source: https://vuzeno.com/docs/components/checkbox

Install the Checkbox component using the npm package manager.

```bash
npx shadcn-vue@latest add https://vuzeno.com/r/checkbox.json
```

--------------------------------

### Disabled example placeholder

Source: https://vuzeno.com/docs/components/collapsible

Placeholder for the Disabled example. The actual code is not displayed on the page.

```text
Show code
```
Tokens:
Raw