https://github.com/codeyellowbv/re-cy-cle
React component library for Code Yellow
https://github.com/codeyellowbv/re-cy-cle
Last synced: about 1 year ago
JSON representation
React component library for Code Yellow
- Host: GitHub
- URL: https://github.com/codeyellowbv/re-cy-cle
- Owner: CodeYellowBV
- Created: 2017-07-16T09:53:09.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2023-12-12T10:43:48.000Z (over 2 years ago)
- Last Synced: 2025-04-14T04:09:04.675Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://codeyellowbv.github.io/re-cy-cle/
- Size: 3.14 MB
- Stars: 6
- Watchers: 9
- Forks: 6
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# re-cy-cle
A React component library for Code Yellow.
**Note that this library is still experimental**; we're using it in one production application in Code Yellow now. A lot of components still need to be added and fine-tuned.
[**Demo / overview of all components**](https://codeyellowbv.github.io/re-cy-cle/)
## Install
```
yarn add re-cy-cle
npm i re-cy-cle --save
```
## Usage
The components are [documented in the demo](https://codeyellowbv.github.io/re-cy-cle/), in the top-right you can press "Show Info" to see all the possible props for that component.
An example:
```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { ReCyCleTheme, Button } from 're-cy-cle';
ReactDOM.render(
Foobar
,
document.getElementById('root')
);
```
`` accepts a `theme` prop, which can be used to change some project-wide settings. An example:
```jsx
const theme = {
primaryColor: '#006b94',
};
```
See [all settings](https://github.com/CodeYellowBV/re-cy-cle/blob/master/src/config.js).
## Contributing
Please read the [contributing](./CONTRIBUTING.md) guide.
## Inspiration
- [SEEK Style Guide](https://seek-oss.github.io/seek-style-guide/)
- [Ant Design](https://ant.design/docs/react/introduce)
- [Elemental UI](http://elemental-ui.com/)
- [Material UI](http://www.material-ui.com/)
- [Semantic UI React](http://react.semantic-ui.com/introduction)