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, Styled)
vuelor/color-picker-mini-vertical-styledRemovedBlock
Vertical mini color picker with custom ui-prop styling overrides.
Install it
npx shadcn@latest add https://vuelor.dev/r/color-picker-mini-vertical-styled.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="bg-transparent p-0 !shadow-none flex-row gap-3 w-auto"23 v-bind="forwarded"24 >25 <ColorPickerCanvas26 :ui="{27 root: 'w-52 rounded-none',28 thumb: 'border-2'29 }"30 />31 <ColorPickerSliderHue32 orientation="vertical"33 :ui="{34 track: 'rounded-none',35 thumb: 'w-6 h-2 border-4'36 }"37 />38 <ColorPickerSliderAlpha39 orientation="vertical"40 :ui="{41 track: 'rounded-none',42 thumb: 'w-6 h-2 border-4'43 }"44 />45 </ColorPickerRoot>46</template>
What it pulls in
npm packages
Other registry items
