react-blob
    TypeScript icon, indicating that this package has built-in type declarations

    2.1.0 • Public • Published

    screenshot

    react-blob

    React component that looks like liquid in space

    NPM JavaScript Style Guide

    Demo

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

    License

    MIT © Hermanya

    Keywords

    none

    Install

    npm i react-blob

    DownloadsWeekly Downloads

    201

    Version

    2.1.0

    License

    MIT

    Unpacked Size

    51.4 kB

    Total Files

    9

    Last publish

    Collaborators

    • hermanya