• Å vise ekstra informasjon om elementer eller situasjoner
  • Når funksjonaliteten kan erstattes med Tooltip
  • Når det blir mye informasjon, som fungerer dårlig på mindre flater
Installer
children ReactNode
Popover content
anchorEl Element | null
Element popover anchors to
open boolean
Open state
onClose () => void
onClose callback
placement?"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"
Orientation for popover @note Try to keep general usage to "top", "bottom", "left", "right"
arrow?boolean
Adds a arrow from dialog to anchor when true
offset?number
Distance from anchor to popover
strategy?"absolute" | "fixed"
Changes what CSS position property to use You want to use "fixed" if reference element is inside a fixed container, but popover is not
className? string
ref? Ref<HTMLDivElement>
Popover extends HTMLDivElement
children ReactNode
Modal.Content content
className? string
ref? Ref<HTMLDivElement>
Popover.Content extends HTMLDivElement
TokenFallback
--ac-popover-bg--a-surface-default
--ac-popover-border--a-border-default
Hva er dette?