You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.3 KiB
51 lines
1.3 KiB
import React from "react"; |
|
import more from "./more2.svg"; |
|
|
|
export const DropDown = ({}) => { |
|
return ( |
|
<div> |
|
<button |
|
className="" |
|
id="dropdownButton" |
|
data-dropdown-toggle="dropdown" |
|
type="button" |
|
> |
|
<img src={more} alt="" className={`cursor-pointer w-5`} /> |
|
</button> |
|
<div |
|
style={{ backgroundColor: "#65A9FF" }} |
|
id="dropdown" |
|
className="hidden z-10 text-xs list-none rounded divide-y divide-gray-100 shadow" |
|
> |
|
<ul className="" aria-labelledby="dropdownButton"> |
|
<li> |
|
<a |
|
href="#" |
|
className="block p-3 text-xs text-white hover:bg-blue-600 hover:rounded" |
|
> |
|
ایتم شماره1 |
|
</a> |
|
</li> |
|
<li> |
|
<a |
|
href="#" |
|
className="block p-3 text-xs text-white hover:bg-blue-600 hover:rounded" |
|
> |
|
ایتم شماره1 |
|
</a> |
|
</li> |
|
<li> |
|
<a |
|
href="#" |
|
className="block p-3 text-xs text-white hover:bg-blue-600 hover:rounded" |
|
> |
|
ایتم شماره1 |
|
</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
); |
|
}; |
|
|
|
export default DropDown;
|
|
|