Usage

Install: npm i @episclera/weaver

In your main file (pages/_app.tsx) you need to import preconfigured style files and providers.

import { ConfigProvider } from '@episclera/weaver'
import '@episclera/weaver/styles/tailwind.css' // Recomended (If you plan to use tailwind) but not required
import '@episclera/weaver/styles/main.css'

const App = ({ Component, pageProps }) => (
  <ConfigProvider>
    <Component {...pageProps} />
  </ConfigProvider>
)

export default withMobileDetect(App)

With tailwind

Read these guides

How to customize theme variables

The guides for customization are present in @episclera/weaver-theme package.

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Or you can sponsor via Open Collective

Author

@episclera/weaver © Episclera, Released under the MIT License. Authored and maintained by Episclera with help from contributors (list).

If you like this repository star⭐ and watch👀 on GitHub