@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Class UIColorPicker

    A colour-picker trigger button.

    Displays a small colour swatch showing the current value. Clicking the button opens a popover with four mode tabs:

    1. Theme — material-style palette rows in tonal luminosities
    2. Grid — 72-colour flat grid covering the full spectrum
    3. RGBA — red / green / blue / alpha sliders
    4. HSLA — hue / saturation / lightness / alpha sliders

    The selected colour is emitted as a hex string (#rrggbb or #rrggbbaa when alpha < 1).

    <ui-color-picker [(value)]="color" ariaLabel="Pick a colour" />
    Index

    Constructors

    constructor

    Properties

    ariaLabel availableModes colorChange disabled initialMode value

    Methods

    open

    Constructors

    Properties

    ariaLabel: InputSignal<string> = ...

    Accessible label for the trigger button.

    availableModes: InputSignal<readonly ColorPickerMode[] | undefined> = ...

    Restrict available mode tabs. When set, only these modes are shown.

    colorChange: OutputEmitterRef<string> = ...

    Emitted after the user confirms a colour from the popover.

    disabled: InputSignal<boolean> = ...

    Whether the trigger button is disabled.

    initialMode: InputSignal<ColorPickerMode> = ...

    Which mode tab the popover opens to.

    value: ModelSignal<string> = ...

    The current colour as a hex string (#rrggbb or #rrggbbaa).

    Methods

    • Opens the colour-picker popover anchored to this button.

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods