Design System: dropdown-menu

[mica000]

This ticket is about building the radix component dropdown-menu

Designs: https://www.figma.com/file/2MLHeIeL6XPVi3Tc2DfFCr/%E2%9D%96-Leather-%E2%80%93-Design-System?type=design&node-id=9344-35933&mode=design&t=hjqmbIyJGAvKngKO-4

More resources
https://www.notion.so/trustmachines/Design-system-components-9e2d9e70b1a14e36bd9ed7c08515a5c1

[mica000]

@fbwoolf you mentioned that the button with token was something you were or had already tackled, correct?

[fbwoolf]

@fbwoolf you mentioned that the button with token was something you were or had already tackled, correct?

I do have a version of this built in my current swaps PR.

[mica000]

@fbwoolf @kyranjamie how do we want to go about components that are build in between features? Should we separate them like we are doing with the selector?

[fbwoolf]

@fbwoolf @kyranjamie how do we want to go about components that are build in between features? Should we separate them like we are doing with the selector?

Yeah, I think it is a good idea to separate, or at least make sure the code is put into a shared location while the feature is being developed. Typically, I would say best to tackled separately, but in this case it might be best for me to just separate the code in my PR since it is part of refactoring existing work not yet merged?

[mica000]

@fbwoolf Ticket for dropdown has been updated. Let me know if this works

[pete-watters]

@fbwoolf - just a heads up that for the work on the new headers, I need to restrict the width of the HomeHeader to 882px.

The current menu we have positions itself absolutely so this means on wide screens it goes far away from the trigger button:

I'm hopeful that the Radix dropdown will work better out of the box but thought I best let you know in case. You will be able to check easily enough by adding a max-width of 882px to the headers.tsx base Flex