mirror of
https://github.com/vercel/commerce.git
synced 2025-07-22 20:26:49 +00:00
Fixes & Updates (#704)
* Adding Dropdown Component * Styling Issues * Wishlist Fix * Fixes for Wishlist View * Hearts now work again * Rollback ts * Removing extra config to disable BigCommerce * Fixes for Wishlist View * Remove transition/animation for mobile * New Updates. * New Updates. * Dropdown fix * Polish * export * export * revert tsconfig Co-authored-by: Luis Alvarez D. <luis@vercel.com> Co-authored-by: Dom Sip <dom@vercel.com> Co-authored-by: Luis Alvarez D. <luis@vercel.com>
This commit is contained in:
22
site/components/ui/Dropdown/Dropdown.tsx
Normal file
22
site/components/ui/Dropdown/Dropdown.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
import cn from 'clsx'
|
||||
import React from 'react'
|
||||
import s from './Dropdown.module.css'
|
||||
import * as DropdownMenu from '@radix-ui/react-dropdown-menu'
|
||||
|
||||
export const Dropdown = DropdownMenu.Root
|
||||
export const DropdownMenuItem = DropdownMenu.Item
|
||||
export const DropdownTrigger = DropdownMenu.Trigger
|
||||
export const DropdownMenuLabel = DropdownMenu.Label
|
||||
export const DropdownMenuGroup = DropdownMenu.Group
|
||||
|
||||
export const DropdownContent = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
{ children: React.ReactNode } & DropdownMenu.DropdownMenuContentProps &
|
||||
React.RefAttributes<HTMLDivElement>
|
||||
>(function DropdownContent({ children, className, ...props }, forwardedRef) {
|
||||
return (
|
||||
<DropdownMenu.Content ref={forwardedRef} sideOffset={8} {...props}>
|
||||
<div className={cn(s.root, className)}>{children}</div>
|
||||
</DropdownMenu.Content>
|
||||
)
|
||||
})
|
Reference in New Issue
Block a user