usePreferredContrast

prefers-contrast 媒體查詢

Usage

即時編輯器

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

  return <div>首選對比度：{contrast}</div>;
};

結果

首選對比度：no-preference

API

usePreferredContrast

Returns

Contrast

Arguments

參數名	描述	類型	預設值
defaultState	默认值	Contrast | undefined	no-preference

Contrast

Type

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