usePreferredContrast
prefers-contrast 媒体查询
Usage
Live Editor
function Demo() { const contrast = usePreferredContrast(); return <div>首选对比度: {contrast}</div>; };
Result
API
usePreferredContrast
Returns
Contrast
Arguments
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| defaultState | 默认值 | Contrast | undefined | no-preference |
Contrast
Type
export type Contrast = 'more' | 'less' | 'custom' | 'no-preference'