Skip to content

ComboboxList

Source: client/lib/theme/vueda-tailwind/controls/index.js

The floating popover surface that holds the ComboboxItem.root rows. Reads as a popover: 2px control radius, --popover fill, and a hairline edge with popover elevation (overlay-hairline), with the standard side-aware enter / exit transforms anchored on --reka-combobox-content-transform-origin so the surface scales out of the corner closest to the trigger. Fixed 200px width matches ComboboxAnchor.root; the inner ComboboxViewport.root owns scrolling.

Vue component: ComboboxList

SlotDefault classesDescription
root3 classesThe floating popover surface that holds the ComboboxItem.root rows. Reads as a popover: 2px control radius, --popover fill, and a hairline edge with popover elevation (overlay-hairline), with the standard side-aware enter / exit transforms anchored on --reka-combobox-content-transform-origin so the surface scales out of the corner closest to the trigger. Fixed 200px width matches ComboboxAnchor.root; the inner ComboboxViewport.root owns scrolling.

root

The floating popover surface that holds the ComboboxItem.root rows. Reads as a popover: 2px control radius, --popover fill, and a hairline edge with popover elevation (overlay-hairline), with the standard side-aware enter / exit transforms anchored on --reka-combobox-content-transform-origin so the surface scales out of the corner closest to the trigger. Fixed 200px width matches ComboboxAnchor.root; the inner ComboboxViewport.root owns scrolling.

Default classes:

text
z-50 w-[200px] rounded-vueda-control overlay-hairline bg-popover text-popover-foreground origin-(--reka-combobox-content-transform-origin) overflow-hidden outline-none
data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0
data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2

Source: client/lib/theme/vueda-tailwind/controls/ComboboxList.theme.js:16

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2