ui-kit with Create React App
Steps:
- Run
create-react-app
on a new repo - Follow the instructions here to setup sass preprocessor
- Add some uikit:
yarn add @gov.au/body @gov.au/header @gov.au/footer @gov.au/buttons
- Modify
package.json
to rename pancake.scss and build tosrc/
:
"sass": {
"modules": false,
"location": "src/",
"name": "uikit.scss"
}
- Re-run pancake:
node_modules/@govau/pancake/bin/pancake
- Change index.scss to
@import "uikit";
- Start using uikit styles eg
<body class="uikit-body">
yarn start