ColorPickerRoot

ColorPickerRoot udostępnia slot przycisku z wyglądem próbki, przycisk domyślny oraz slot zawartości z bieżącym kolorem i funkcją update().

<ColorPickerRoot :color="color" @update="color = $event">
  <template #trigger="{ style }">
    <button class="size-6 rounded border" :style="style" />
  </template>
  <template #default="{ color, update }">
    <MyColorEditor :color="color" @change="update" />
  </template>
</ColorPickerRoot>

ColorPickerRoot

Generated from packages/vue/src/primitives/ColorPicker/ColorPickerRoot.vue

Props

Prop	Default	Type
color*	—	Color
label	"Edit color"	string | undefined
ui	—	ColorPickerUI | undefined

Events

Event	Payload	Description
update	[color: Color]
openChange	[open: boolean]
cancel	[]

Slots

Slot	Props	Description
trigger	{ style: { background: string; }; }
default	{ color: Color; }

Zobacz też

• ColorInputRoot