Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature Request: Menu Component #419

Open
arsh-cedcoss opened this issue Jul 16, 2020 · 9 comments
Open

Feature Request: Menu Component #419

arsh-cedcoss opened this issue Jul 16, 2020 · 9 comments
Labels
enhancement New feature or request

Comments

@arsh-cedcoss
Copy link

arsh-cedcoss commented Jul 16, 2020

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 arsh-cedcoss changed the title Menu Component Feature Request:Menu Component Jul 16, 2020
@chanceaclark chanceaclark changed the title Feature Request:Menu Component Feature Request: Menu Component Jul 31, 2020
@chanceaclark
Copy link
Contributor

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 chanceaclark added the enhancement New feature or request label Aug 4, 2020
@valterfatia
Copy link
Contributor

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

@arsh-cedcoss
Copy link
Author

arsh-cedcoss commented Aug 13, 2020

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
Copy link
Contributor

Tracked internally on BIGDESIGN-214

@arsh-cedcoss
Copy link
Author

@valterfatia is it on development stage?

@valterfatia
Copy link
Contributor

@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
Copy link
Author

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
Copy link
Contributor

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
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Development

No branches or pull requests

3 participants