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'