UNPKG

es6-react-admin-lte

Version:

An AdminLTE Template made to use for React and ES2015-and-so-on

63 lines (51 loc) 1.45 kB
# StatTile > ./src/js/components/stat-tyle/stat-tile.jsx ## Purpose A component that displays some quick-n-easy stats, along with a big icon to display with them and look pretty cool! ## Props __width__ * Required - _false_ * Data Type - _STRING || NUMBER_ * Functionality - _A bootstrap 'col-md-' width class number._ * Default - _3_ __theme__ * Required - _false_ * Data Type - _STRING_ * Functionality - _The color theme of the component_ * Default - _'bg-yellow'_ __icon__ * Required - _false_ * Data Type - _STRING_ * Functionality - _A Font Awesome icon class to display on the component_ * Default - _fa-user-plus_ __subject__ * Required - _false_ * Data Type - _STRING_ * Functionality - _A header / description text to display with the stat you want to share_ * Default - _''_ __stats__ * Required - _false_ * Data Type - _NUMBER || STRING_ * Functionality - _Stat data to display with the subject._ * Default - _0_ __link__ * Required - _false_ * Data Type - _STRING_ * Functionality - _A link to more information regarding this stat._ __onClick__ * Required - _false_ * Data Type - _FUNCTION_ * Functionality - _A function that can be alternatively executed when the provided link prop is clicked._ ## Example ```javascript/jsx import StatTile from './src/js/components/stat-tyle/stat-tile.jsx'; <StatTile width={3} theme="bg-yellow" icon="fa-user-plus" subject="User Registration" stats={44} link="#" /> ``` ---