ContextMenuEvent — Kuito Documentation

Usage

Offer actions for an episode

tsx

import { ContextMenu, Text, VStack } from 'kuito';

const ITEMS = [
  { value: 'share', label: 'Share' },
  { value: 'played', label: 'Mark played' },
  { value: 'delete', label: 'Delete', destructive: true },
];

export default function Episode() {
  return (
    <ContextMenu title="Episode 4" items={ITEMS} onSelect={(event) => console.log(event.value)}>
      <VStack padding={12}>
        <Text>Episode 4</Text>
      </VStack>
    </ContextMenu>
  );
}

Type declaration

export type ContextMenuEvent = NativeViewEvent<'select', { value: string }>;

Members 4

Name	Type	Required	Description
`type`	`"select"`	Yes	—
`target`	`unknown`	Yes	—
`isTrusted`	`boolean`	Yes	—
`value`	`string`	Yes	—

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