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.

View Demo View Github

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.