sapo-design

sapo-design

Design System Sapo

Install Peer Dependencies

yarn add react styled-components

Install

yarn add sapo-design

Usage

import React from 'react'
import { ThemeProvider, Button, theme } from 'sapo-design'

const App = () => {
  return (
    <ThemeProvider theme={theme}>
      <Button backgroundColor='primary' color='white'>
        Hello, I am a styled button
      </Button>
    </ThemeProvider>
  )
}

export default App

Live Demo

For examples of the sapo-design in action, checkout the storybook here.

Develop

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

$ yarn start # this will open storybook

Build

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

$ yarn build

Publish to npm

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

$ yarn login

$ yarn publish

Publish locally

To create a local TAR file to test before publishing, run

$ yarn pack

This will create a file called sapo-design-1.0.0.tgz

You can use this file as a normal package dependency by linking in your npm install

$ yarn add path/to/sapo-design-1.0.0.tgz

License

MIT © gandarfh