Moja global UI library
Repository for the UI library — A Vue.js user-interface library for moja global projects
Moja global is a collaboration under the Linux Foundation that aims for the widest possible collaboration on and use of credible tools to better manage the land sector. The flagship software is the Full Lands Integration Tool (FLINT), a tool to estimate emissions and sinks of greenhouse gasses from forestry and agriculture.
Moja global User-interface (UI) library aims to bring forward an intuitive, consistent, and easy-to-use interface that can help our developers within the User-Interface working group and users to quickly accomplish their tasks. The UI library aims to considerably improve our design & development workflow and meet the acceptable web accessibility requirements for our potential users. A UI library helps us mitigate popular UI-development issues like inconsistent user-experience, performance issues, accessibility requirements and more.
Find detailed description on our Storybook setup.
To setup the project on your local environment, follow the given steps:
- Fork the moja-global/ui-library repository.
- Clone the repository:
git clone https://github.com/<USERNAME>/ui-library.git && cd ui-library
<USERNAME> with your GitHub username. If you've already forked the repo, you'll want to ensure your fork is configured and that it's up to date. This will save you the headache of potential merge conflicts.
To sync your fork with the latest changes:
git checkout main git fetch upstream git merge upstream/main
- Install the required dependencies:
- To run the Storybook locally
localhost:6006_ to view the Storybook.
Moja global welcomes contributions to the community website. If you have an idea for a new feature or a bug fix, please submit an issue or pull request. Our planned features can be found on our Issue Tracker. If you have any questions, please reach out to us on Slack.
Adding new components
Replace component_name with your own component name:
cd mojaglobal-ui mkdir component_name cd component_name
Add all the files related to the component in this directory.
Export your component in
Add a story related to your component in the Storybook.
Add the details for the component on the
To add new features or fix bugs, open the corresponding file and do the required changes in the file as well as in its corresponding story