SwitchProps — Kuito Documentation

Usage

Select one of several states

This type is used by Switch

tsx

import { Match, Switch, Text, signal } from 'kuito';

export function Status() {
  const state = signal<'loading' | 'offline' | 'ready'>('loading');
  return (
    <Switch fallback={<Text>Ready</Text>}>
      <Match when={state.value === 'loading'}>
        <Text>Loading…</Text>
      </Match>
      <Match when={state.value === 'offline'}>
        <Text>Check your connection</Text>
      </Match>
    </Switch>
  );
}

Type declaration

export interface SwitchProps extends ElementAttributes {
  fallback?: KuitoNode;
  /** `Match` elements only. */
  children?: KuitoNode;
}

Members 3

Name	Type	Required	Description
`fallback`	`KuitoNode`	No	—
`children`	`KuitoNode`	No	`Match` elements only.
`key`	`string \| number`	No	—

Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.