ScrollEndEvent — Kuito Documentation

Usage

Render a short checklist

This type is used by Scroll

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>
  );
}

Type declaration

export interface ScrollEndEvent extends KuitoEvent<'scrollend'>, ScrollPayload {}

Members 9

Name	Type	Required	Description
`type`	`"scrollend"`	Yes	—
`target`	`unknown`	Yes	—
`isTrusted`	`boolean`	Yes	—
`x`	`number`	Yes	—
`y`	`number`	Yes	—
`contentWidth`	`number`	Yes	—
`contentHeight`	`number`	Yes	—
`layoutWidth`	`number`	Yes	—
`layoutHeight`	`number`	Yes	—

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