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 …

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 dependencies.

From the very beginning, React UI has been designed with a great emphasis on customizability. We decided to leverage CSS custom properties for this feature for two main reasons: We take …

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 …

import { Button } from '@react-ui-org/react-ui'; And use it: <Button label="My button" /> See API for all available options. General Guidelines. Use short yet comprehensible labels to make …

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 …

react-ui React UI react-ui Introduction Basics Basics Getting Started Getting Started Installation Usage Browsers & Devices Foundation Foundation Design Tokens Collections Colors …

To keep React UI consistent and predictable the following guidelines should be observed: If component accepts the children prop it should be either required or the element should return …

These breakpoint values are used throughout React UI, in components, or in helper classes. You can reuse them in your own CSS and components to create a seamless experience for your …

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 …