Gå til hovedinnhold
KOMPONENTER

Overflowmeny

Overflowmenyer brukes for å vise ekstra handlinger man kan ta relativt til f.eks. en tabellrad.


Komponenter

OverflowMenu

NavnTypePåkrevd?Default-verdiBeskrivelse
childrenReactNode

Menypunkter (OverflowMenuItem eller OverflowMenuLink)

buttonReactElement<any, string | ((props: any) => ReactElement<any, string | ... | (new (props: any) => Component<any, any, any>)> | null) | (new (props: any) => Component<any, any, any>)> IconButton med VerticalDotsIcon

Knapp som skal åpne OverflowMenu

classNamestring

Ekstra klassenavn

Denne komponenten støtter keyboard-events, som kan sees her: https://reacttraining.com/reach-ui/menu-button#keyboard-accessibility

Obs angående button-prop:

Generelt sett er dette en meny som skal ligge bak en IconButton med VerticalDotsIcon, men man også sende inn sin egen knapp om det skulle være ønskelig å endre denne. Denne knappen støtte en as prop for å riktig bli integrert inn i menyen. Alle knappene i designsystemet støtter denne propen

OverflowMenuItem

Denne komponenten har ingen props

Pass på bruk av onClick på denne (og OverflowMenuLink), da den eventen potensielt ikke vil skje i den rekkefølgen man forventer. Les mer om det her: https://reacttraining.com/reach-ui/menu-button#events

Denne komponenten har ingen props

På grunn av den semantiske forskjellen mellom knapper og linker, så krever denne komponenten en split mellom en tradisjonell OverflowMenuItem og OverflowMenuLink.

Retningslinjer

  • Når man bruker ikoner i menypunktene, så må disse plasseres til venstre.
  • En OverflowMenu bør ha minst 3 menypunkter. Hvis den ikke har det, prøv og finne en alternativ måte å vise handlingene på.