Usage

Choose a layout for the available width.

This type is used by Show

tsx
// 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>;

Type declaration

ts
export interface ShowProps<T> extends ElementAttributes {
  when: When<T>;
  fallback?: KuitoNode;
  children?: BranchChildren<T>;
}

Members 4

NameTypeRequiredDescription
whenWhen<T>Yes—
fallbackKuitoNodeNo—
childrenBranchChildren<T>No—
keystring | numberNo—
Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.