React UI is a themeable, performant, responsive UI library for React apps. Use it simply with no configuration or have full control over your design by tweaking some of the hundreds theming …

Since all form fields in React UI are styled as inline blocks, they queue up one after another in a row by default. The FormLayout component is there to make building vertical and horizontal …

All attributes that don't interfere with the API of the React component and that aren't filtered out by transferProps helper are forwarded to the root <table> HTML element.

👉 Design tokens are your starting point for customization of React UI to make it fit your design system needs. React UI uses CSS custom properties as a primary storage format for design …

React UI is designed and developed mobile-first, a strategy in which we first write code for mobile devices, and then scale up components as necessary using CSS media queries.

Unlike other grid frameworks and UI libraries, no additional markup like GridItem or Cell is necessary for your items. But it's there when you really need it—see Advanced Layouts. For …

All attributes that don't interfere with the API of the React component and that aren't filtered out by transferProps helper are forwarded to the root <button> HTML element.

Installation React UI is distributed as a npm package. To add it to your project, run: npm install --save @react-ui-org/react-ui Please note that prop-types, react and react-dom are peer …

To satisfy the design requirements of your project, all input fields in React UI come in two design variants to choose from: outline and filled. Both can be further customized with CSS custom …

The best way for development of React UI is to link react-ui into your application with npm link so you can see it in action. In React UI repository, run npm link