react-foaas-card

The most offensive of react components

Demo

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