react-empty-placeholder

Placeholder component to wrap the content(other components) that you don't know if it will show anything

Install

yarn add react-empty-placeholder
# or 
npm install --save react-empty-placeholder

Usage

import React, { Component } from 'react'
 
import EmptyPlaceholder from 'react-empty-placeholder'
 
class Example extends Component {
  render () {
    return (
      <EmptyPlaceholder placeholder={<div>placeholder if nothing display inside</div>}>
        {this.props.boolean && <div>show when boolean is truthy</div>}
 
        <SomeComponentYouDontKnowIfItWillShowAnything />
      </EmptyPlaceholder>
    )
  }
}

License

MIT © Donald