react-holder-component

1.0.5 • Public • Published

react-holder-component

forked from Dieter Luypaert's react-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-component

Usage

import Holder from 'react-holder-component'
 
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

Package Sidebar

Install

npm i react-holder-component

Weekly Downloads

84

Version

1.0.5

License

MIT

Last publish

Collaborators

  • benjaminu