Verwendung

Observe system display settings.

tsx
// Observe system display settings.
import { appearance } from 'kuito';
import { render, test } from 'kuito/tests';

const dark: appearance.AppearancePreferences = { colorScheme: 'dark', fontScale: 1.3 };

test('the header reads in dark mode at a large text size', async () => {
  await render(<Header />, { modules: { Appearance: dark } });
});

function Header() {
  return null;
}

Typdeklaration

ts
export type AppearancePreferences = {
  colorScheme: ColorSchemeName | null;
  fontScale: number;
};

Mitglieder 2

NameTypErforderlichBeschreibung
colorSchemeSchemeJa—
fontScalenumberJa—
Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.