Made with create-react-styled-library
npm install --save react styled-components
npm install --save devdoido-ds
import React from 'react'
import { ThemeProvider, Button } from 'devdoido-ds'
interface AppProps {}
const App: React.FC<AppProps> = () => {
return (
<ThemeProvider>
<Button backgroundColor='primary' color='white'>
Hello, I am a styled button
</Button>
</ThemeProvider>
)
}
For examples of the styled-components-lib-example in action, checkout the storybook here.
This will open a storybook dev server on http://localhost:8080
$ npm start # this will open storybook
This will output the cjs and es modules to the dist
folder
$ npm run build
This will publish storybook as a Github page
$ npm run deploy-github-page
(you need to be logged in via npm for publishing)
$ npm publish
To create a local TAR file to test before publishing, run
$ npm pack
This will create a file called devdoido-ds-example-1.0.0.tgz
You can use this file as a normal package dependency
by linking in your npm install
$ npm i path/to/devdoido-ds-example-1.0.0.tgz
MIT © gumiranda