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.
Verwendung
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>;Eigenschaften und Methoden 1
| Name | Typ | Erforderlich | Beschreibung |
|---|---|---|---|
valueschreibgeschützt | WidthClass | Ja | — |
Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.