React Infima
React Infima provides React components for the Infima styling framework. It doesn’t add any new features to Infima, it just ports the components to React.
Both React Infima and Infima is not yet ready for production use.
Available Components
Head over to documentation for more information.
| Component | Support |
|---|---|
| Alert | ✅ |
| Avatar | ✅ |
| Badge | ✅ |
| Breadcrumbs | ✅ |
| Button | ✅ |
| Links as Button | ❌ |
| ButtonGroup | ✅ |
| ButtonGroup | ✅ |
| Card | ⚠️ |
| Dropdown | ✅ |
| Footer | ⚠️ |
| Hero | ✅ |
| Navbar | ⚠️ |
| Pagination Nav | ✅ |
| Pagination | ✅ |
| Pills | ✅ |
| Tabs | ✅ |
| Layout | ❌ |
| Utilities | ❌ |
✅: Supported.
⚠️: Supported but may include bugs, usage is not developer-friendly.
❌: Not Supported.
Why use React Infima?
In most cases you shouldn’t. React Infima is going to receive breaking changes unannounced and not going to follow semver rules until the first stable version of Infima. Infima has very easy and basic usage and React Infima is not adding any new features to it. But I believe both Infima and React Infima is going to be very helpful in the near future.
Quick Start
Install the React Infima and Infima using your favorite package manager.
npm:
npm install --save infima react-infima
yarn:
yarn add infima react-infima
And start using the components of Infima by importing it from React Infima.
Head over to documentation for more information.
