Lumeo

ColorPicker

A color selection dropdown with swatch grid, hue/lightness sliders, hex input, and optional presets.

Installation

dotnet add package Lumeo

One-time app setup (AddLumeo(), CSS & JS) is covered in the installation guide.

Usage

@using Lumeo

<ColorPicker />

When to Use

  • Color selection for theme customization or branding settings
  • Design tools where users pick colors for text, backgrounds, or borders
  • Preset color swatches for quick selection with an option for custom values
  • Any form field requiring a visual color input with hex value output

API Reference

Nested inside a FormField, the cascaded context wires up Label, Required, Invalid, and HelperText automatically. IsOpen / IsOpenChanged are obsolete aliases for Open / OpenChanged and will be removed in a future release.

  • Input — Text input for manual hex or RGB color entry
  • Popover — The underlying overlay mechanism used by ColorPicker
  • Form — Integrate ColorPicker into validated form layouts