Usage

Install: npm i @episclera/uikit

1. Then in your main layout file (_app.tsx) you need to import preconfigured style files

NOTE: TailwindCSS utils are also included in this file so no need to import something else.

import '@episclera/uikit/styles/main.less'

2. Then in your main layout file (_app.tsx) you need to wrapp the entire app in (COnfigProvider and DeviceDetectProvider)

import { withMobileDetect, DeviceDetectProvider } from '@episclera/uikit'

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

App.getInitialProps = async appContext =>
  await NextApp.getInitialProps(appContext)

export default withMobileDetect(App)

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/uikit © 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