Koala logo Design
No matches for “
↑↓ navigate open Esc close
PrimitivesContain & overlayOverlay — dropdown & popover

Overlay — dropdown & popover

Trigger button + panel that opens on click and closes on click-outside or Escape. Multi-select, tooltips and the list-filters row share the same floating-panel chrome.

<koala-dropdown>

Dropdown

variant="Input"
variant="Chip"
items (model-driven)

Context switcher

koala-context-switcher
Branches
Nothing found

User menu

variant="Default"

Account

Haris Raza

haris@koala.legal

variant="Rail"

Account

Haris Raza

haris@koala.legal

Multi-select dropdown

koala-multi-dropdown

List filters

koala-list-filters

Tooltip

koala-tooltip
koala-info-tooltip

API

placeholder string
selected-label string
variant InputChip
align leftright
trigger-icon IconName
trigger-id string
items KoalaDropdownItem[]
submit-options ListSortOption[]
submit-name string
koala-dropdown-option attribute on option
koala-multi-dropdown label string
koala-multi-dropdown count int
koala-multi-dropdown trigger-icon IconName
koala-multi-dropdown align RightLeft
koala-multi-dropdown size SmMd
koala-multi-dropdown scrolls bool — off when the content brings its own scrolling list
koala-list-filters filter-count int
koala-list-filters trigger-id string
koala-tooltip string
data-tippy-placement topbottomleftright
data-tippy-trigger mouseenter focusclick
data-tippy-theme koalakoala-popover
koala-info-tooltip text string
koala-user-menu variant DefaultRail
koala-user-menu collapse-state Alpine expression