Popover

• Legg klassen popover, attributten popover og id på <div> eller <menu>
• Legg popovertarget="ID" på typisk <button> som trigger element
• Plassiering vil automatisk tilpasse seg scroll og tilgjengelig plass
• Merk: automatisk posisjonering krever at du har importert javascript pakken: import "@mattilsynet/design"

Nedtrekksmeny / Dropdown

• Bruk <menu> med <li><button type="button"> eller <li><a> som barn

Position

• Bruk data-position="[top|right|bottom|left]-[start|middle|end]"

Lukkeknapp

• Bruk popovertargetaction="hide" på <button> for å lage lukkeknapp:

Pil

• Bruk data-arrow på <button> for å få ikon: