ui/color_area

Types

Msg

Messages for color area keyboard navigation

pub type Msg {
  SaturationIncrease
  SaturationDecrease
  LightnessIncrease
  LightnessDecrease
  SaturationMin
  SaturationMax
  LightnessMin
  LightnessMax
  SaturationIncreaseLarge
  SaturationDecreaseLarge
  LightnessIncreaseLarge
  LightnessDecreaseLarge
}

Constructors

```
SaturationIncrease
```
```
SaturationDecrease
```
```
LightnessIncrease
```
```
LightnessDecrease
```
```
SaturationMin
```
```
SaturationMax
```
```
LightnessMin
```
```
LightnessMax
```
```
SaturationIncreaseLarge
```
```
SaturationDecreaseLarge
```
```
LightnessIncreaseLarge
```
```
LightnessDecreaseLarge
```

Variant

</>

pub type Variant {
  Default
  Muted
}

Constructors

```
Default
```
```
Muted
```

Values

aria_label

</>

pub fn aria_label(label: String) -> attribute.Attribute(a)

background

</>

pub fn background(hue: Float) -> attribute.Attribute(a)

color_area

</>

pub fn color_area(
  attributes: List(attribute.Attribute(a)),
  children: List(element.Element(a)),
) -> element.Element(a)

gradient_overlays

</>

pub fn gradient_overlays() -> element.Element(a)

hsl_to_hex

</>

pub fn hsl_to_hex(h: Float, s: Float, l: Float) -> String

hue

</>

pub fn hue(h: Float) -> attribute.Attribute(a)

keymap

</>

pub fn keymap(key_event: keyboard.KeyEvent) -> option.Option(Msg)

Keymap for color area keyboard navigation

Keyboard interactions:

Arrow Right: Increase saturation
Arrow Left: Decrease saturation
Arrow Up: Increase lightness
Arrow Down: Decrease lightness
Home: Minimum saturation (0)
End: Maximum saturation (100)
PageUp: Large saturation increment (+10)
PageDown: Large saturation decrement (-10)

Follows WAI-ARIA Slider pattern.

lightness

</>

pub fn lightness(l: Float) -> attribute.Attribute(a)

saturation

</>

pub fn saturation(s: Float) -> attribute.Attribute(a)

size

</>

pub fn size(s: size.Size) -> attribute.Attribute(a)

thumb

</>

pub fn thumb(
  attributes: List(attribute.Attribute(a)),
) -> element.Element(a)

variant

</>

pub fn variant(v: Variant) -> attribute.Attribute(a)