Zoomrc is a React component library with absolute customization compatibility, built in TypeScript
yarn add @zoom-studio/zoom-react-components
# Or if you are using NPM (But Yarn is strongly recommended)
npm install --save @zoom-studio/zoom-react-components
import '@zoom-studio/zoom-react-components/index.css'
const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(
<ZoomProvider>
<MyApp />
</ZoomProvider>,
)
4. If you are using SASS, you can either import Zoomrc's mixins, functions, variables and palette
@import '../node_modules/@zoom-studio/zoom-react-components/scss/palette';
@import '../node_modules/@zoom-studio/zoom-react-components/scss/variables';
@import '../node_modules/@zoom-studio/zoom-react-components/scss/functions';
@import '../node_modules/@zoom-studio/zoom-react-components/scss/mixins';
import React from 'react'
import { Button } from '@zoom-studio/zoom-react-components'
export default props => {
return (
<Button type="primary" variant="info">
Click me!
</Button>
)
}