跳到主要内容

usePreferredContrast

prefers-contrast 媒体查询

Usage​

实时编辑器

function Demo() {
  const contrast = usePreferredContrast();

  return <div>PreferredContrast: {contrast}</div>;
};
结果
Loading...

API​

usePreferredContrast​

Returns​

Contrast

Arguments​

参数名描述类型默认值
defaultState默认值Contrast | undefinedno-preference

Contrast​

Type​

export type Contrast = 'more' | 'less' | 'custom' | 'no-preference'