@sapo-ui/core

This monorepo contains my registry packages using

• Lerna
• Emotion
• Framer-Motion
• Jest
• Next.js
• Typescript

Install

yarn add @sapo-ui/react

Usage

// app.tsx
import React from 'react'
import { ThemeProvider } from '@sapo-ui/react'

const App = () => {
  return <ThemeProvider>// your code</ThemeProvider>
}

export default App

setting our theme in your project

// styles/styled.d.ts
import '@emotion/react'
import { IthemeCustom } from '@sapo-ui/react'

declare module 'styled-components' {
  export interface DefaultTheme extends IthemeCustom {}
}

Local Storybook

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

$ yarn storybook # this will open storybook

Run Doc

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

$ yarn web:dev # this will open site powered by next.js

Build

This will output the modules to the lib folder

$ yarn build