Module "frontend-packages/react-cookie-banner/src/inlineStyles/common/groups/checkbox"

commonInlineStyleGroupsCheckbox

• commonInlineStyleGroupsCheckbox(__namedParameters: { customCss: { antiAdBlocker: YesNo }; group: { checkboxActiveBg: BackgroundColor; checkboxActiveBorderColor: BorderColor; checkboxActiveColor: Color; checkboxBg: BackgroundColor; checkboxBorderColor: BorderColor; checkboxBorderWidth: number; headlineFontSize: number }; layout: { borderRadius: number }; mobile: CustomizeMobile; pageRequestUuid4: string }, visible: boolean, checked: boolean, disabled: boolean, fontSize?: number): InlineStyleFunctionReturn<HTMLDivElement>

• Use visible together with useLayoutEffect to avoid flickering. This is needed because the SVG icons of ant are a bit flickering.

  Parameters

  • __namedParameters: { customCss: { antiAdBlocker: YesNo }; group: { checkboxActiveBg: BackgroundColor; checkboxActiveBorderColor: BorderColor; checkboxActiveColor: Color; checkboxBg: BackgroundColor; checkboxBorderColor: BorderColor; checkboxBorderWidth: number; headlineFontSize: number }; layout: { borderRadius: number }; mobile: CustomizeMobile; pageRequestUuid4: string }

    • customCss: { antiAdBlocker: YesNo }

      • antiAdBlocker: YesNo

    • group: { checkboxActiveBg: BackgroundColor; checkboxActiveBorderColor: BorderColor; checkboxActiveColor: Color; checkboxBg: BackgroundColor; checkboxBorderColor: BorderColor; checkboxBorderWidth: number; headlineFontSize: number }

      • checkboxActiveBg: BackgroundColor

      • checkboxActiveBorderColor: BorderColor

      • checkboxActiveColor: Color

      • checkboxBg: BackgroundColor

      • checkboxBorderColor: BorderColor

      • checkboxBorderWidth: number

      • headlineFontSize: number

    • layout: { borderRadius: number }

      • borderRadius: number

    • mobile: CustomizeMobile

    • pageRequestUuid4: string

  • visible: boolean

  • checked: boolean

  • disabled: boolean

  • Optional fontSize: number

  Returns InlineStyleFunctionReturn<HTMLDivElement>