Giter Club home page Giter Club logo

Comments (9)

chanceaclark avatar chanceaclark commented on August 27, 2024 1

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

from big-design.

valterfatia avatar valterfatia commented on August 27, 2024 1

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

from big-design.

valterfatia avatar valterfatia commented on August 27, 2024 1

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

from big-design.

valterfatia avatar valterfatia commented on August 27, 2024 1

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.

from big-design.

arsh-cedcoss avatar arsh-cedcoss commented on August 27, 2024

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

from big-design.

valterfatia avatar valterfatia commented on August 27, 2024

Tracked internally on BIGDESIGN-214

from big-design.

arsh-cedcoss avatar arsh-cedcoss commented on August 27, 2024

@valterfatia is it on development stage?

from big-design.

arsh-cedcoss avatar arsh-cedcoss commented on August 27, 2024

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

from big-design.

arsh-cedcoss avatar arsh-cedcoss commented on August 27, 2024

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

from big-design.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.