search

bigcommerce / big-design

Design system that powers the BigCommerce ecosystem.
https://bigcommerce.github.io/big-design
Other
47 stars 65 forks source link

Feature Request: Menu Component #419

Open arsh-cedcoss opened 4 years ago

arsh-cedcoss commented 4 years ago

Required a Menu component for listing the different sections which allow users to move around the site quickly and efficiently. The Component should have responsive. and accept the props for alignment. Horizontal for Navbar and Vertical for Sidebar.

chanceaclark commented 4 years ago

Hey @arsh-cedcoss, thanks for bringing this up. I'll defer this to our designers to see if there is pattern we might have in the future. In the meantime, could you maybe provide a mockup/sketch/codesandbox with an example Menu component? cc. @valterfatia @eugene-polev

valterfatia commented 4 years ago

Thanks for the ping @chanceaclark!

@arsh-cedcoss we're currently in the process of reviewing our navigation globally (including apps) so we haven't planned to provide this pattern in the short term, yet we also understand that the needs of our partners work at a different place… meaning we may provide this pattern but it would be a temporary solution.

As Chance mentioned it would be good to understand what you're trying to achieve so we can tailor our guidance.

Looking into the future our plan is to streamline navigation into 3 components:

arsh-cedcoss commented 4 years ago

Thanks, @chanceaclark & @valterfatia for giving attention to this issue. For the time being, I'm using the custom navbar which is third-party code. I want this (attached image) kind of navbar with responsive behavior and it should have a prop so that it could be a vertical side-bar too. I hope your future navigation components will help me to achieve this.

Screenshot (46)

On mobile View:

Webp net-resizeimage

Webp net-resizeimage1

valterfatia commented 3 years ago

Tracked internally on BIGDESIGN-214

arsh-cedcoss commented 3 years ago

@valterfatia is it on development stage?

valterfatia commented 3 years ago

@arsh-cedcoss not at the moment, but we added it to a wider topic on navigation since we are looking into way to provide a more integrated experience for apps to build their navigation inside control panel. Out of curiosity did you have a specific use case for this component?

arsh-cedcoss commented 3 years ago

Hey @valterfatia As there are some sections in the app at the parent level which need Menu Component for navigation. The component behavior should be compatible with to control panel & mobile and have a property of alignment vertical (Sidebar) & horizontal (Nav Bar).

valterfatia commented 3 years ago

Got it! This type of navigation will be enabled by the BigCommerce sidebar which we are working on making extensible by apps. Some of this functionality is already available but exclusively within Channels.

arsh-cedcoss commented 3 years ago

Yeah, I've seen it in the 'Channel Manager' Section, Hope it will release soon!