1.0.0 • Published 2 years ago
devdesignsystemfor123 v1.0.0
Welcome! 👋
MyAdd Design System provides guidelines and tools to help anyone make MyAdd's contributions more cohesive and to build plugins more efficiently.
Installation
Install MyAdd Design System and its peer dependencies:
$ yarn add @add/design-system @add/icons styled-components react-router-dom
# or
$ npm i @add/design-system @add/icons styled-components react-router-dom
Usage
Wrap your application with the ThemeProvider
and pass the default lightTheme
provided by @add/design-system
.
import { ThemeProvider } from "@add/design-system/ThemeProvider";
import { lightTheme } from "@add/design-system/themes";
function App({ children }) {
return <ThemeProvider theme={lightTheme}>{children}</ThemeProvider>;
}
export default App;
Testing a specific branch
Make sure to have the project already cloned (see previous point). Then, run the following commands:
# Inside the folder
$ git checkout BRANCH_NAME # BRANCH_NAME concerns the modifications to tests
$ yarn setup # reinstall dependencies & prepare lerna packages
If you encounter problems doing so, run the following command and retry the previous one:
$ git reset --hard
1.0.0
2 years ago