devdoido-ds

DevDoido Design System

Made with create-react-styled-library

Install Peer Dependencies

npm install --save react styled-components

Install

npm install --save devdoido-ds

Usage

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>
  )
}

Live Demo

For examples of the styled-components-lib-example in action, checkout the storybook here.

Develop

This will open a storybook dev server on http://localhost:8080

$ npm start # this will open storybook

Build

This will output the cjs and es modules to the dist folder

$ npm run build

Deploy github page

This will publish storybook as a Github page

$ npm run deploy-github-page

Publish to npm

(you need to be logged in via npm for publishing)

$ npm publish

Publish locally

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

License

MIT © gumiranda