12 lines
856 B
JavaScript
Executable File
12 lines
856 B
JavaScript
Executable File
import React from "react";
|
|
export function DropdownMenu({ children }){ return <div className="relative inline-block">{children}</div>; }
|
|
export function DropdownMenuTrigger({ asChild, children }){ return children; }
|
|
export function DropdownMenuContent({ align="end", className="", children }){
|
|
return <div className={`absolute mt-2 right-0 bg-white shadow rounded-xl p-2 z-50 ${className}`}>{children}</div>;
|
|
}
|
|
export function DropdownMenuItem({ asChild, children, onClick }){
|
|
const C = asChild ? 'span' : 'button';
|
|
return <C onClick={onClick} className="block text-left w-full px-2 py-1.5 rounded hover:bg-gray-50">{children}</C>;
|
|
}
|
|
export function DropdownMenuSeparator(){ return <div className="my-1 border-t"/>; }
|
|
export function DropdownMenuLabel({ children }){ return <div className="px-2 py-1 text-xs opacity-70">{children}</div>; } |