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 …

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.

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 …

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 …

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.

It will help you keep the UI clean and easy to scan. Card, or Paper? Card is a versatile surface for displaying content. However, there is also the Paper component. While Card is designed for …

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 …

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.

In general, colors in React UI can be used for either static (most of the text colors and most of the background colors) or interactive use cases (action colors, feedback colors).

Box Alignment Responsive box-alignment helper classes allow aligning the content across both axes by setting the align-items and justify-content CSS properties. Use the box-alignment …