Home > @css-hooks/recommended > PseudoClassSelectors

PseudoClassSelectors type

This type adds selectors to a hook configuration when pseudo-classes are specified.

Signature:

export type PseudoClassSelectors<C> = C extends { pseudoClasses: string[] }
  ? C["pseudoClasses"] extends (infer PseudoClass)[]
    ? UnionToIntersection<
        StringToHook<`&${PseudoClass extends string ? PseudoClass : never}`>
      >
    : object
  : object;

References: UnionToIntersection, StringToHook