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.
Usage
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>;Properties and methods 1
| Name | Type | Required | Description |
|---|---|---|---|
valuereadonly | WidthClass | Yes | — |
Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.