big-design icon indicating copy to clipboard operation
big-design copied to clipboard

Feature Request: Menu Component

Open arsh-cedcoss opened this issue 5 years ago • 9 comments
trafficstars

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.

arsh-cedcoss avatar Jul 16 '20 01:07 arsh-cedcoss

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

chanceaclark avatar Aug 04 '20 16:08 chanceaclark

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:

  • Global sidebar, including extension points for apps
  • Vertical "index", to allow quick navigation on a long page
  • Horizontal tabs, to separate differentiated content into different views

valterfatia avatar Aug 12 '20 08:08 valterfatia

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

arsh-cedcoss avatar Aug 13 '20 18:08 arsh-cedcoss

Tracked internally on BIGDESIGN-214

valterfatia avatar Mar 03 '21 23:03 valterfatia

@valterfatia is it on development stage?

arsh-cedcoss avatar Mar 06 '21 11:03 arsh-cedcoss

@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?

valterfatia avatar Mar 08 '21 00:03 valterfatia

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).

arsh-cedcoss avatar Mar 13 '21 07:03 arsh-cedcoss

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.

valterfatia avatar Mar 15 '21 00:03 valterfatia

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

arsh-cedcoss avatar Mar 15 '21 06:03 arsh-cedcoss