Function createFocusStyles

createFocusStyles(
    __namedParameters?: PartialWithUndefined<
        {
            borderRadius: SingleCssVarDefinition
            | string;
            elementBorderSize: SingleCssVarDefinition | string;
            noNesting: boolean;
            outlineColor: SingleCssVarDefinition | string;
            outlineGap: SingleCssVarDefinition | string;
            outlineWidth: SingleCssVarDefinition | string;
            renderInside: boolean;
        },
    >,
): CSSResult
Create styles that look like an outline for the given selector.

It is recommended to use the pseudo selector chain ":focus:focus-visible:not(:active)" to preventing clicking an element from creating focus styles in Chrome.
Parameters
- __namedParameters: PartialWithUndefined<
      {
          borderRadius: SingleCssVarDefinition
          | string;
          elementBorderSize: SingleCssVarDefinition | string;
          noNesting: boolean;
          outlineColor: SingleCssVarDefinition | string;
          outlineGap: SingleCssVarDefinition | string;
          outlineWidth: SingleCssVarDefinition | string;
          renderInside: boolean;
      },
  > = {}
Returns CSSResult
- Defined in packages/vira/src/styles/focus.ts:23