Utilização

Render a short checklist

tsx
import { For, Scroll, Text, store } from 'kuito';

export function PackingList() {
  const state = store({ items: [{ title: 'Passport' }, { title: 'Tickets' }] });
  return (
    <Scroll>
      <For each={state.items} fallback={<Text>Add your first item</Text>}>
        {(item, index) => <Text padding={12}>{`${index.value + 1}. ${item.title}`}</Text>}
      </For>
    </Scroll>
  );
}

Assinaturas

ts
<T extends object>(initial: T, name?: string): T

Parâmetros de tipo

NomeRestriçãoPredefinição
Tobject—

Parâmetros

NomeTipoObrigatórioDescrição
initialTSim—
namestringNão—

Devolve

T

Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.