BranchChildren — Kuito Documentation

Usage

Select one of several states

This type is used by Match

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 type BranchChildren<T> = KuitoNode | ((value: Truthy<T>) => KuitoNode);

Type

KuitoNode | ((value: Truthy<T>) => KuitoNode)

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