Usage

Add a gesture to a reusable view.

tsx
// Add a gesture to a reusable view.
import { Box, tap, type GestureProps, type KuitoNode } from 'kuito';

// A card that takes the caller's gestures beside its own.
function Card(props: GestureProps & { onOpen: () => void; children: KuitoNode }) {
  return (
    <Box gestures={[tap({ onEnd: props.onOpen }), ...(props.gestures ?? [])]} padding={16}>
      {props.children}
    </Box>
  );
}

Type declaration

ts
export interface GestureProps {
  /** The view's gestures; several race unless composed with together or orElse. */
  gestures?: readonly Composable[];
}

Members 1

NameTypeRequiredDescription
gesturesreadonly Composable[]NoThe view's gestures; several race unless composed with together or orElse.
Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.