React FlatifyCSS

A collection of React flat design components, based on FlatifyCSS.

Getting started    •    Homepage    •    Issues    •    FlatifyCSS

---

Getting started

Start using React FlatifyCSS after installing packages and importing the style file, here is how.

Installing packages

To install and use the library you should install both the flatifycss and react-flatifycss packages. We use the base flatifycss package to import styles.

Use npm or Yarn to install the packages:

npm

npm i flatifycss react-flatifycss

Yarn

yarn add flatifycss react-flatifycss

Import styles

React FlatifyCSS itself does not include the FlatifyCSS styles, so you can import your preferred stylesheet in your application.

Left to right

import 'flatifycss/dist/css/flatify-min.css';

Right to Left

import 'flatifycss/dist/css/flatify-rtl-min.css';

Use components!

Now, just import the component you need from react-flatifycss, for example a simple button:

import React from 'react';
import { Button } from 'react-flatifycss';

export default function App() {
  return <Button theme="green">Success!</Button>;
}