/reactuse

usePreferredContrast

Returns the user's contrast preference.

Usage

import { usePreferredContrast } from "@siberiacancode/reactuse";

const contrast = usePreferredContrast();

Example

import { usePreferredContrast } from "@siberiacancode/reactuse";

const contrast = usePreferredContrast();
return <span>Contrast: {contrast}</span>;

Type Declarations

export type UsePreferredContrastReturn =
  | "custom"
  | "less"
  | "more"
  | "no-preference";
export declare const usePreferredContrast: () => UsePreferredContrastReturn;