nicedash / vibe Goto Github PK
View Code? Open in Web Editor NEWA beautiful react.js dashboard build with Bootstrap 4 ๐
Home Page: https://vibe.nicedash.com
License: MIT License
A beautiful react.js dashboard build with Bootstrap 4 ๐
Home Page: https://vibe.nicedash.com
License: MIT License
Hi, i'm trying to add webpack and i have too many errors, including trying with diferents versions.
is it possible? add webpack 4?
Thanks!
Right now the side nav menu only supports Feather icons. It would be nice to be able to plug in another (or any) icon library to be used in the nav.
When using parameters in page paths, the detection of the page title fails due to line https://github.com/NiceDash/Vibe/blob/master/src/vibe/components/Header/Header.js#L24.
Sample page definition:
{
name: "Edit target",
path: "/thing/edit/:target",
component: ThingsEditor
},
When opening the page with the URL /thing/edit/myThing
, the comparison of the route props and the pathname always fails and getPageTitle()
returns null
.
Possible solution: Use a regex to make the comparison.
When a submenu item is chosen and the page refresh, the submenu goes away while the url is still the same. How can I keep the submenu open?
Also, can you add an onClick event to the _nav.js navigation items? So I can import a function call in. It only has name, url, icon, etc.
Thanks!
Sass files can be found in
./src/vibe/assets/scss
. Updatevars.scss
to change global styles.
should be
Sass files can be found in ./src/vibe/scss
. Update ./src/vibe/scss/components/vars.scss
to change global styles.
Looks like https://vibe.nicedash.com/ domain expired.
I want to change the navbar icons but I can't seem to find what icon pack you are using or the source of it so I can see the proper name.
Also the documentation doesn't seem to mention this.
Thanks.
Is it possible to switch to typescript?
Sample _nav.js
without leading slash on url elements/buttons
:
export default {
top: [
{
name: "Home",
url: "/home",
icon: "Home"
},
{
name: 'UI Elements',
icon: 'Layers',
children: [
{
name: 'Buttons',
url: 'elements/buttons',
}
]
}
],
bottom: []
};
When repeatedly clicking on the Buttons menu item the paths and content switch between path /
and /elements/buttons
.
Took me a while to figure it out. I suggest to either change the behaviour of the sidebar or add a comment about that on the documentation. ;-)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.