@bnt-ar/react-render-at v0.1.0

React Render At

Installation

npm install @bnt-ar/react-render-at

Breakpoints

Usage

There are two ways you can use the package:

• Via component

import React from 'react'
import {RenderAt} from 'react-render-at'  
  
class App = () => (  
    <h1>My App</h1>  
    <RenderAt desktop>  
        Content  
    </RenderAt>  
)  

Available props

• Via High Order Component

import React from 'react'
import RenderAtHOC from 'react-render-at'  
  
class App = props => (  
  <h1>My App</h1>  
  {
    props.isDesktop && <p>Content in Desktop</p>
  }
  {
    props.isLaptop && <p>Content in Laptop</p>
  }
  {
    props.isTablet && <p>Content in Tablet</p>
  }
  {
    props.isLaptop && <p>Content in Mobile</p>
  }
)

export default RenderAtHOC(App)