Function
ComboboxContent
({
className,
side = "bottom",
sideOffset = 6,
align = "start",
alignOffset = 0,
anchor,
...props
}: ComboboxPrimitive.Popup.Props &
Pick<
ComboboxPrimitive.Positioner.Props,
"side" | "align" | "sideOffset" | "alignOffset" | "anchor"
>)
Source from the content-addressed store, hash-verified
| 98 | } |
| 99 | |
| 100 | function ComboboxContent({ |
| 101 | className, |
| 102 | side = "bottom", |
| 103 | sideOffset = 6, |
| 104 | align = "start", |
| 105 | alignOffset = 0, |
| 106 | anchor, |
| 107 | ...props |
| 108 | }: ComboboxPrimitive.Popup.Props & |
| 109 | Pick< |
| 110 | ComboboxPrimitive.Positioner.Props, |
| 111 | "side" | "align" | "sideOffset" | "alignOffset" | "anchor" |
| 112 | >) { |
| 113 | return ( |
| 114 | <ComboboxPrimitive.Portal> |
| 115 | <ComboboxPrimitive.Positioner |
| 116 | side={side} |
| 117 | sideOffset={sideOffset} |
| 118 | align={align} |
| 119 | alignOffset={alignOffset} |
| 120 | anchor={anchor} |
| 121 | className="isolate z-50" |
| 122 | > |
| 123 | <ComboboxPrimitive.Popup |
| 124 | data-slot="combobox-content" |
| 125 | data-chips={!!anchor} |
| 126 | className={cn( |
| 127 | "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 max-h-72 min-w-36 overflow-hidden rounded-none shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) data-[chips=true]:min-w-(--anchor-width)", |
| 128 | className |
| 129 | )} |
| 130 | {...props} |
| 131 | /> |
| 132 | </ComboboxPrimitive.Positioner> |
| 133 | </ComboboxPrimitive.Portal> |
| 134 | ); |
| 135 | } |
| 136 | |
| 137 | function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) { |
| 138 | return ( |
Callers
nothing calls this directly
Tested by
no test coverage detected