Function HexColorField

packages/react-aria-components/src/ColorField.tsx:198–228

(props: HexColorFieldProps)

}

function HexColorField(props: HexColorFieldProps) {
  let state = useColorFieldState({
    ...props,
    validationBehavior: props.validationBehavior ?? 'native'
  });

  let inputRef = useRef<HTMLInputElement>(null);
  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);
  let {labelProps, inputProps, descriptionProps, errorMessageProps, ...validation} = useColorField(
    {
      ...removeDataAttributes(props),
      label,
      validationBehavior: props.validationBehavior ?? 'native'
    },
    state,
    inputRef
  );

  return useChildren(
    props,
    state,
    props.forwardedRef,
    inputProps,
    inputRef,
    labelProps,
    labelRef,
    descriptionProps,
    errorMessageProps,
    validation
  );
}

function useChildren(
  props: ColorFieldProps,