OverflowMenu

@/components/ui/OverflowMenu

«…»-knappen: sekundære HANDLINGER samlet bak én trigger, bygget på Popover.

Når brukes den

En handlingsrad har flere enn tre-fire knapper — behold det som brukes ukentlig synlig, legg resten her.
Handlinger uten «valgt»-tilstand som utføres og lukkes (`role="menu"`).
`sections` når menyen har to eller flere naturlige grupper (f.eks. «Vis» og «Handling») — uten det, send `items` som én flat liste.
Ikke forveksle med Dropdown: den velger en VERDI og har `role="listbox"` med et valgt element — skjermlesere annonserer de to helt ulikt.

Standard

Ved siden av primær-/sekundærhandlinger som skal forbli synlige — sekundære handlinger (skriv ut, historikk, slett) samles bak «…».

<OverflowMenu items={[{ label: 'Skriv ut', onClick }, { label: 'Slett', onClick, tone: 'error' }]} />

Med ikon og deaktivert element

Ikoner er valgfrie per rad. Et deaktivert element vises (grått), men hoppes over av piltastnavigasjonen og kan ikke klikkes.

sections

Grupperte handlinger med valgfri overskrift per gruppe, atskilt med en delelinje.

<OverflowMenu sections={[
  { title: 'Vis', items: [...] },
  { title: 'Handling', items: [...] },
]} />

Sveip tabellen for å se hele innholdet

Navn

Type

Default

Beskrivelse

items

OverflowItem[]

—

Flat liste — { label, onClick, icon?, tone?: "default" | "error" | "danger", disabled? }[]. "danger" er et alias for "error".

sections

OverflowSection[]

—

{ title?, items: OverflowItem[] }[]. Overstyrer `items` når begge er satt.

ariaLabel

string

'Flere handlinger'

Tilgjengelig navn på trigger-knappen.