React tailwind UI library
npm install syrup-ui---
- React ^18.2.0
- TailwindCSS: ^3.1.6
- dayjs: ^1.11.7
- @react-spring/web: ^9.5.4
- react-use-measure: ^2.1.1
- cleave.js: ^1.6.0
- @use-gesture/react: ^10.2.20
---
1. Install library
``bash`
npm i syrup-ui
3. Add tailwind preset: in your tailwind.config.js file add the following preset:
`javascript`
presets: [
require('./node_modules/syrup-ui/tailwind-preset.js') //Add this line to the presets property
]
3. Import CSS styles: in your main css file add the following import line:
`css`
@import "~syrup-ui/styles/styles.css";
4. Wrap your app with the ThemeProvider
`javascript
import {ThemeProvider} from 'syrup-ui';
``
Documentation Soon