react-flatifycss
v2.1.2
Published
A collection of flat design components for react, based on FlatifyCSS
Downloads
24
Readme
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>;
}