@spark-web/meatball-menu

A three-dot icon button that opens a dropdown menu with action items.

Items are visually separated by tone — neutral items appear first, followed by a divider, then critical items.

Usage

import { MeatballMenu } from '@spark-web/meatball-menu';

<MeatballMenu
  items={[
    { label: 'Edit', onAction: () => {} },
    { label: 'Delete', onAction: () => {}, tone: 'critical' },
  ]}
/>;