react-foaas-card

The most offensive of react components

View sample cards here

Getting started

install

npm install react-foaas-card

component

import FoaasCard from 'react-foaas-card';

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