Utilização

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;
}

Declaração do tipo

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

Membros 2

NomeTipoObrigatórioDescrição
colorSchemeSchemeSim—
fontScalenumberSim—
Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.