ComponentsCore

Color Slider

A color slider is a slider that represents a color value.

Example

Installation

$npx libravelui@latest add color-slider

Anatomy

import { ColorSlider } from "@/components/ui/core/color-slider";
<ColorSlider
  label="Fill color"
  channel="alpha"
  defaultValue="hsl(0, 100%, 50%)"
/>

Props

Loading types…

Edit on GitHub

Color Picker

A ColorPicker synchronizes a color value between multiple React Aria color components. It simplifies building color pickers with customizable layouts via composition.

Color Swatch Picker

A color swatch picker is a picker that represents a color value.