A React component library that provides a curated set of PrimeReact components with Inkwell design system integration. Includes quill for Editor component and chart.js for Chart component.
npm install @aiinkwell/inkwell-ui-react``bash`
npm i @aiinkwell/inkwell-ui-react
Wrap your app with InkwellProvider to automatically apply the Aura theme to all components:
`tsx
import React from 'react';
import ReactDOM from 'react-dom/client';
import { InkwellProvider, Button, Card } from '@aiinkwell/inkwell-ui-react';
function App() {
return (
);
}
ReactDOM.createRoot(document.getElementById('root')).render(
);
`
If you prefer to set up the theme manually:
`tsx
import React from 'react';
import ReactDOM from 'react-dom/client';
import { InkwellProvider } from '@aiinkwell/inkwell-ui-react';
import Aura from '@primeuix/themes/aura';
const theme = {
preset: Aura, // You can use different themes here
};
function App() {
return (
);
}
ReactDOM.createRoot(document.getElementById('root')).render(
);
`
This package requires the following peer dependencies:
`json`
{
"primereact": "^11.0.0",
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
}
The following dependencies are included in this package:
- @primeuix/themes - PrimeReact 11 theme system@primereact/core
- - PrimeReact 11 core@primereact/icons
- - PrimeReact 11 iconsinkwell-ui-react-v10
- - PrimeReact v10 components
1. Complete your changes inside library components/patterns
2. Run
`ts`
npm build
3. Next step - update version inside package.json file.
1.0.0 -> 2.0.0 - Major update
1.0.0 -> 1.1.0 - Minor update
1.0.0 -> 1.0.1 - Bugfix
4. Last step - you need to run command
`ts``
npm publish
And a new version of library will be updated
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
MIT