This component no longer exists. It was in vuelor’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-12 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
Color Picker (Mini, Vertical)
vuelor/color-picker-mini-verticalRemovedBlock
Mini color picker with the hue and alpha sliders arranged vertically beside the canvas.
Install it
npx shadcn@latest add https://vuelor.dev/r/color-picker-mini-vertical.jsonSource
1<script lang="ts" setup>2import { useForwardPropsEmits } from 'reka-ui'3import {4 ColorPickerRoot,5 ColorPickerCanvas,6 ColorPickerSliderHue,7 ColorPickerSliderAlpha,8 type ColorPickerRootProps,9 type ColorPickerRootEmits10} from '@vuelor/picker'1112type ColorPickerProps = Omit<ColorPickerRootProps, 'styling' | 'ui'>1314const props = defineProps<ColorPickerProps>()15const emits = defineEmits<ColorPickerRootEmits>()1617const forwarded = useForwardPropsEmits(props, emits)18</script>1920<template>21 <ColorPickerRoot22 class="flex-row gap-3 w-auto"23 v-bind="forwarded"24 >25 <ColorPickerCanvas class="w-52" />26 <ColorPickerSliderHue orientation="vertical" />27 <ColorPickerSliderAlpha orientation="vertical" />28 </ColorPickerRoot>29</template>
What it pulls in
npm packages
Other registry items
