Dropdown

YarnGå til yarn pakkeKodeGå til github-kode
  • Bruker-meny i header
  • Liste med handlinger for en tabellrad
Installer
Intern header
Table
onSelect? ((element: MouseEvent<Element, MouseEvent>) => void)
Handler that is called when an item is selected.
closeOnSelect?boolean
Whether the Menu closes when a selection is made.
as? React.ElementType
OverridableComponent-api
children ReactNode
Button content
className? string
ref? Ref<HTMLButtonElement>
Dropdown.Toggle extends HTMLButtonElement
children ReactNode
Dropdown content
onClose? (() => void)
onClose callback
strategy?"fixed" | "absolute"
Popover positionion strategy
placement? "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"
className? string
ref? Ref<HTMLDivElement>
Dropdown.Menu extends HTMLDivElement
children ReactNode
Menu item content
className? string
ref? Ref<HTMLButtonElement>
Dropdown.Menu.Item extends HTMLButtonElement
children ReactNode
Menu list content
className? string
ref? Ref<HTMLUListElement>
Dropdown.Menu.List extends HTMLUListElement
children ReactNode
Menu item content
className? string
ref? Ref<HTMLButtonElement>
Dropdown.Menu.List.Item extends HTMLButtonElement
children ReactNode
Heading
className? string
ref? Ref<HTMLElement>
Dropdown.Menu.GroupedList.Heading extends HTMLElement
as? React.ElementType
OverridableComponent-api
children ReactNode
Menu item content
className? string
ref? Ref<HTMLButtonElement>
Dropdown.Menu.GroupedList.Item extends HTMLButtonElement