react-foaas-card
The most offensive of react components
Getting started
install
npm install react-foaas-card
component
; <FoaasCard type="give" from="Some asshole"/>
Props
For the
type
prop, 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 } |