Phara UI v2.x

Color Picker

A component that allows users to select a color from a predefined palette.

Basic

Simple color picker with default colors.

Blade
<x-ui::color-picker value="#3b82f6" />
With Label

Add a label to identify the color picker.

Blade
<x-ui::color-picker label="Theme Color" value="#6366f1" />
Custom Colors

Provide a custom list of colors for the palette.

Blade
<x-ui::color-picker 
    :colors="['#1a1a1a', '#4a4a4a', '#8a8a8a', '#cacaca', '#f0f0f0', '#ffffff']" 
    value="#4a4a4a" 
/>