Align to left the dropdown content

[knupel]

Hello, I'm beginner with shadcn, I wish use dropdown and set like I wish. My first wish it's try to align the content to left when I click on the button, not on the center like the example you give here : https://ui.shadcn.com/docs/components/dropdown-menu

but more like in the Tasks example

But the problem I don't understand where I must or I can set the dropdown content to manage that ?
I've supposed is in the DropdownMenuContent in the tailwind part, but not sure. Or maybe it's elsewhere.

I don't find example or tutorial to explain how to set the dropdown. So If you any idea to help me to set it, it's very welcome !

Thanks for your help and congratulation for this UI lib !

[Hubertneoworlder]

Hello @knupel
You can align the dropdown content by setting align property of the DropdownMenuContent to start

<DropdownMenu>
        <DropdownMenuTrigger className="outline-none">
           <span className="bg-muted rounded-full text-foreground h-[28px] w-[28px] inline-flex justify-center items-center">
               <FiPlus className="24px" />
           </span>
 </DropdownMenuTrigger>
<DropdownMenuContent align="start">
           <DropdownMenuLabel>Media</DropdownMenuLabel>
         <DropdownMenuSeparator />
         <DropdownMenuItem>Profile</DropdownMenuItem>
        <DropdownMenuItem>Billing</DropdownMenuItem>
    </DropdownMenuContent>
 </DropdownMenu>

[pranavarora724]

Thanks a Million
You saved the day