https://github.com/synerise/synerise-design
A UI Design Language and React UI library powered by Synerise team https://design.synerise.com
https://github.com/synerise/synerise-design
design-system react synerise ui
Last synced: 22 days ago
JSON representation
A UI Design Language and React UI library powered by Synerise team https://design.synerise.com
- Host: GitHub
- URL: https://github.com/synerise/synerise-design
- Owner: Synerise
- License: mit
- Created: 2019-09-20T07:59:48.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-07-28T14:14:06.000Z (over 1 year ago)
- Last Synced: 2024-10-17T13:33:02.809Z (6 months ago)
- Topics: design-system, react, synerise, ui
- Language: TypeScript
- Homepage:
- Size: 89.3 MB
- Stars: 91
- Watchers: 23
- Forks: 18
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Synerise Design System
React UI library inspired by [Ant Design](https://github.com/ant-design/ant-design).
### Features
- Written in TypeScript with predictable static types.
- Internationalization by [react-intl](https://github.com/formatjs/react-intl)
- [Styled-Components](https://github.com/styled-components/styled-components)
### How to use
Each component is installed separately. If you want to use one of them you have to use DSProvier first.
#### Step 1. - install Core
```
yarn add @synerise/ds-core
```
#### Step 2. - install component (ex. Button)
```
yarn add @synerise/ds-button
```
#### Step 3. - usage
```jsx
import { DSProvider } from '@synerise/ds-core';
import Button from '@synerise/ds-button';
Click Me!
```