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, Styled)
vuelor/color-picker-mini-styledRemovedBlock
Mini color picker with a rounded canvas and custom slider thumb styling applied through the ui prop.
Install it
npx shadcn@latest add https://vuelor.dev/r/color-picker-mini-styled.jsonSource
1<script lang="ts" setup>2import { useForwardPropsEmits } from 'reka-ui'3import {4 ColorPickerRoot,5 ColorPickerCanvas,6 ColorPickerSliderHue,7 type ColorPickerRootProps,8 type ColorPickerRootEmits9} from '@vuelor/picker'1011type ColorPickerProps = Omit<ColorPickerRootProps, 'styling' | 'ui'>1213const props = defineProps<ColorPickerProps>()14const emits = defineEmits<ColorPickerRootEmits>()1516const forwarded = useForwardPropsEmits(props, emits)17</script>1819<template>20 <ColorPickerRoot21 class="bg-transparent !shadow-none gap-3"22 v-bind="forwarded"23 >24 <ColorPickerCanvas25 :ui="{26 root: 'rounded-lg',27 thumb: 'h-6 w-6 border'28 }"29 />30 <ColorPickerSliderHue :ui="{ thumb: 'border' }" />31 </ColorPickerRoot>32</template>
What it pulls in
npm packages
Other registry items
