mirror of
https://github.com/vercel/commerce.git
synced 2025-07-26 11:41:23 +00:00
.github
.vscode
app
components
breadcrumb
cart
engine-sizes
filters
form
file-input
checkbox-field.tsx
combobox-button.tsx
combobox-input.tsx
combobox-option.tsx
combobox-options.tsx
input-field.tsx
grid
home-page
icons
layout
manufacturers-grid
orders
page
plp
product
profile
transmission-codes
ui
banner.tsx
display-tabs.tsx
divider.tsx
faq.tsx
hero-icon.tsx
hero.tsx
loading-dots.tsx
logo-square.tsx
opengraph-image.tsx
price.tsx
prose.tsx
side-dialog.tsx
spinner.tsx
states-combobox.tsx
tag.tsx
tooltip.tsx
contexts
fonts
hooks
lib
public
.env.example
.eslintrc.js
.gitignore
.nvmrc
.prettierignore
README.md
license.md
middleware.ts
next.config.js
package.json
pnpm-lock.yaml
postcss.config.js
prettier.config.js
tailwind.config.js
tsconfig.json
19 lines
470 B
TypeScript
19 lines
470 B
TypeScript
import {
|
|
ComboboxOptionsProps,
|
|
ComboboxOptions as HeadlessComboboxOptions
|
|
} from '@headlessui/react';
|
|
import clsx from 'clsx';
|
|
|
|
export default function ComboboxOption({ className, ...props }: ComboboxOptionsProps) {
|
|
return (
|
|
<HeadlessComboboxOptions
|
|
className={clsx(
|
|
'z-10 w-[var(--input-width)] rounded-xl',
|
|
'border border-gray-200 bg-white p-1 [--anchor-gap:6px] empty:hidden',
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|