react-fs-components

This repo contains components for react I'm using in many of my projects lately. They are styled via SASS so there is a chance to customize them.

Install

yarn add react-fs-components

or

npm install react-fs-components --save

After that, you can import the components into your project. example (tooltip component):

import { FS_Tooltip } from 'react-fs-components'

To have styled components you have to include the mixins from the sass directory into your sass file.

To include all available style rules (from index.scss):

@include fs-components('.fs--'); // .fs-- : prefix for all style rules 

But you can also include styles just for the components you need. But be sure to that you also have to import the config file and the utils files needed then.

@import 'sass/_utils/flexbox.scss';
@import 'sass/config.scss';
 
@include fs-components--action-btns('.fs--');

Available Components

See props for each component in the file it is defined in.

• FS_ActionBtns
• FS_Badge
• FS_DateTime
• FS_Divider
• FS_Input
• FS_Markdown
• FS_Modal
• FS_RTE_TinyMCE
• FS_Select
• FS_SimpleDialog
• FS_Split
• FS_Switch
• FS_Toggle
• FS_Tooltip

Contributing

Feel free to contribute more useful components or to make existing components even better.

Guidelines on contributing: see here

License

This repo is licensed under the MIT License.