\n \n \n \n);\n```\n\nFor legacy version <=1.0.18 use 28SDS like so:\n\n```js\nimport CssBaseline from '@material-ui/core/CssBaseline/CssBaseline';\nimport { StylesProvider, MuiThemeProvider } from '@material-ui/core/styles';\nimport { ThemeProvider } from '@emotion/react';\nimport { themeDark as theme, Button, Badge } from '@28stoneconsulting/design-system';\n```\n\nand use them like so\n\n```jsx\nconst example = () => (\n \n \n \n \n
\n \n {}}>Cool\n
\n \n \n \n);\n```\n\nThe codesandbox example can be accessed [here](https://codesandbox.io/s/28stone-design-system-usage-expample-1qdbn?file=/src/App.tsx)\n\n### **Run and develop 28SDS locally**\n\nClone the [28SDS GitHub project](https://github.com/28StoneConsulting/design-system) then start Storybook.\n\n`yarn && yarn storybook`\n\n### **Deployment**\n\n`yarn build-storybook`\n\n`yarn build-docs`\n\nPush changes and PR into main.\n\nThe version number will bump automatically.\n\nThe CHANGELOG.md will update automatically.\n\n### **Resources**\n\n- [GitHub repository](https://github.com/28StoneConsulting/design-system)\n","readmeFilename":"README.md"}