Utilisation

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

Déclaration du type

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

Membres 2

NomTypeRequisDescription
colorSchemeSchemeOui—
fontScalenumberOui—
Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.