react-foaas-card

The most offensive of react components

npm

Getting started

npm install react-foaas-card

import FoaasCard from 'react-foaas-card';
 
<FoaasCard
    type="give"
    from="Some asshole"
/>

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` }