Comments (9)
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.
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.
@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.
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.
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.
On mobile View:
from big-design.
Tracked internally on BIGDESIGN-214
from big-design.
@valterfatia is it on development stage?
from big-design.
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.
Yeah, I've seen it in the 'Channel Manager' Section, Hope it will release soon!
from big-design.
Related Issues (20)
- Tooltip no longer works other components, just Buttons HOT 3
- Accordion doesn't have a event.preventDefault which causes a form submit on click HOT 4
- Checkbox doesn't support `defaultChecked`
- Should the Panel component have a border-radius on desktop. HOT 2
- MultiSelect Warning: Cannot update a component
- Add `description/subheader` prop to `Panel`. HOT 2
- how to implement an application made with nexjs in my store within the bigcommerce HOT 2
- nextjs app inside bigcommerce store HOT 1
- Uncontrolled components HOT 7
- Does not work selectable prop on the "Table" component. HOT 13
- Datepicker doesn't support manual text entry when date format has MMM
- Adding full label internationalization support HOT 2
- Keep MultiSelect dropdown always open HOT 2
- Modal incorrectly focuses any input it contains HOT 3
- Selects and Multi-selects have a visual artifact
- Headerless Panel has additional marginTop HOT 2
- Enable eslint rules in .eslintconfig
- Use spacing BD values for FlexGap, GridGap, etc
- Counter captures Enter event even when not focussed HOT 2
- Add a focus feedback to invalid cells in Worksheet HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from big-design.