Interface HeadlessSelectValue<T>

A value returned from the useSelect hook.

interface HeadlessSelectValue<T> {
    isFocused: boolean;
    isFocusVisible: boolean;
    isHovered: boolean;
    isOpened: boolean;
    isPressed: boolean;
    labelProps: LabelHTMLAttributes<HTMLElement>;
    onSelect: ((value: T) => void);
    triggerProps: HTMLAttributes<HTMLElement>;
}

Type Parameters

  • T

    A selected value.

Properties

isFocused: boolean

true if an element is currently focused.

isFocusVisible: boolean

true if an element is currently focused and focus should be visible.

isHovered: boolean

true if an element is currently hovered.

isOpened: boolean

true if a select dropdown is opened.

isPressed: boolean

true if an element is currently pressed.

labelProps: LabelHTMLAttributes<HTMLElement>

Props of an element that must have a select label behavior.

An object which identity never changes between renders.

onSelect: ((value: T) => void)

A handler that must be called when a value is selected.

Type declaration

    • (value): void
    • Parameters

      • value: T

        A selected value.

      Returns void

triggerProps: HTMLAttributes<HTMLElement>

Props of an element that must have a select trigger behavior.

An object which identity never changes between renders.