I’m looking for guidance on a ReactJS library that allows the creation of dropdown menus mimicking the Notion style.
The component should have a design similar to that seen in Notion’s interface, emphasizing a clean and streamlined look. I am not concerned about color choices; rather, I seek a solution that focuses on layout and functional behavior. Any recommendations for libraries or custom implementations that achieve this minimalist design in ReactJS would be greatly appreciated.
After some experimentation with multiple approaches, I found that using Headless UI along with reusable, custom CSS styling worked best for a Notion-inspired dropdown. By keeping the functionality accessible and the styles minimal, I was able to create a responsive and uncluttered component without depending on any overly opinionated library. The component behavior was easily managed using React Hooks and a clear separation of state and presentation. This approach not only maintained the minimalist design but also provided the flexibility needed for more complex interactivity.