React component that looks like liquid in space
react-blob
React component that looks like liquid in space.
Install
npm install --save react-blob
Usage
import { Blob } from 'react-blob'
const Avatar = ({src, alt}) =>
<Blob size="100px" src={src} alt={alt}/>
const FunnyLinkButton = ({href, ...props}) =>
<a href={href}><Blob size="2em" {...props}/></a>
const BackgroundBlob = ({style, props}) =>
<Blob size="100vh"
style={{
position: 'absolute',
top: '-15%',
right: '-15%',
zIndex: -1,
backgroundColor: '#21D4FD',
color: 'white',
opacity: 0.05,
fontSize: '50vh',
...style
}}
{...props}
/>