Skip to content

Function: useFocus()

ts
function useFocus(
  props: FocusProps,
  name: string,
): {
  blur: () => void;
  focus: () => void;
  focusClasses: Readonly<
    Ref<
      {
        [key: string]: boolean;
      },
      {
        [key: string]: boolean;
      }
    >
  >;
  isFocused: Ref<boolean, boolean>;
};

Parameters

ParameterType
propsFocusProps
namestring

Returns

ts
{
  blur: () => void;
  focus: () => void;
  focusClasses: Readonly<Ref<{
   [key: string]: boolean;
   }, {
   [key: string]: boolean;
  }>>;
  isFocused: Ref<boolean, boolean>;
}
NameType
blur()() => void
focus()() => void
focusClassesReadonly<Ref<{ [key: string]: boolean; }, { [key: string]: boolean; }>>
isFocusedRef<boolean, boolean>