lf-information-boxes v0.1.7

Rich Dashboard Boxes for Reactjs

You can use to add dashboard status box with modern looking

Example Usage:

To install application to your Reactjs.

Import package

import { InformationBoxes } from 'lf-information-boxes';

Usage package

<InformationBoxes
    title="Total locks"
    type="large" //small or large
    value="12" //only for small
    textColor="#1a3353"
    cardBgColor="#000"
    cardColor="#000000d9"
    icon={ <IcoMoonIcon icon="Lock" size={25}/>}
    //only for large
    topIconColor="#096db5"
    middleIconColor="#096db5" 
    iconMiddle={ <IcoMoonIcon icon="Time1" size={30}/>}
    description="All Locks updated on"
    boldContent="07/11/2020"
    descriptionSecond="Locks to be updated since"
    boldContentSecond="04/11/2020"
    rightColor="#fff"
    rightBgColor="#096db5"
    buttonText="View All"
    onClick={handleChange} //handle button
/>