window.widthClass
compact, medium or expanded, as Material's window size classes:
the signal @media (width-class: …) follows, so a component and a
stylesheet agree on it.
Utilisation
Choose a layout for the available width.
// Choose a layout for the available width.
import { Show, Text, window } from 'kuito';
window.widthClass.value; // 'compact', 'medium' or 'expanded'
<Show when={window.widthClass.value === 'expanded'}>
<Text>Two panes</Text>
</Show>;Propriétés et méthodes 1
| Nom | Type | Requis | Description |
|---|---|---|---|
valuelecture seule | WidthClass | Oui | — |
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.