A set of flexible, highly practical, and efficient React components for creating rich web applications.
Resources
Install
npm install --save-dev @gravity-ui/uikit
Usage
const SubmitButton = <Button view="action" size="l" />;
forked from gravity-ui/uikit
-
Notifications
You must be signed in to change notification settings - Fork 0
phlogip/uikit
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
;">import {Button} from '@gravity-ui/uikit';
const SubmitButton = <Button view="action" size="l" />;
Styles
UIKit comes with base styling and theme. In order to everything look nice include this at the top of your entry file:
// index.js
import '@gravity-ui/uikit/styles/fonts.css';
import '@gravity-ui/uikit/styles/styles.css';
// ...
import '@gravity-ui/uikit/styles/fonts.css';
import '@gravity-ui/uikit/styles/styles.css';
// ...
UIKit supports different themes: light, dark and their contrast variants. Your app must be rendered inside ThemeProvider:
import {ThemeProvider} from '@gravity-ui/uikit';
const root = createRoot(document.getElementById('root'));
root.render(
<ThemeProvider theme="light">
<App />
ThemeProvider>,
);
It is possible to generate initial root CSS-classes during SSR to avoid theme flashing: