Awesome
react-foaas-card
The most offensive of react components
Getting started
install
npm install react-foaas-card
component
import FoaasCard from 'react-foaas-card';
<FoaasCard
type="give"
from="Some asshole"
/>
Props
For the
typeprop, refer to the foaas documentation for supported methods
| prop | type | default | description | example |
|---|---|---|---|---|
| type | string | because | How to tell someone to fuck off | horse |
| from | string | a react component | The subtitle, italized message | Kevin |
| classes | object | link to source | Classes object to configure material card styles | Refer to material ui card api |
| raised | boolean | true | Provide shadowing to the card | false |
| darkMode | boolean | false | Invert text and background color | true |
| subtitleStyles | object | { fontWeight: 'lighter', fontStyle: 'italic' } | Styles for subtitles | { color: 'red' } |
| middleFinger | boolean | true | Provide a middle finger emoji | false |
| middleFingerStyles | object | { fontSize: '30px' } | Styles for span containing middle finger emoji | { padding: '50px } |