North Pittsburgh Meatpackers

    react-holder
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/react-holder package

    1.0.0 • Public • Published

    react-holder

    forked from Ramesh Nair's react-image-holder.

    A <Holder /> component for React which can render placeholders as provided by holder-js.

    Important: holder-js generates its SVG's using DOM SVG features. For this reason react-dom is included as a dependency. You won't be able to use this for server-side rendering.

    Install

    npm install react-holder

    Usage

    import Holder from 'react-holder'
     
    export class Logo extends Component {
      render() {
        return (
          <div>
            <Holder
              // width and height can be a number or a string
              width="100%"
              height="200px"
     
              // default: false
              updateOnResize={true}
     
              // All holder-js options are supported here.
              // https://github.com/imsky/holder
     
              // Other props will be passed on to the generated <img /> tag
              className={'my-custom-class'}
            />
          </div>
        )
      }
    }

    Building

    npm install
    npm run build

    Contributing

    Contributions are welcome! Please see CONTRIBUTING.md.

    License

    MIT - see LICENSE.md

    Install

    npm i react-holder

    DownloadsWeekly Downloads

    65

    Version

    1.0.0

    License

    MIT

    Last publish

    Collaborators

    • moeriki