Only

Selectively render child content based on the viewport size properties.

Usage

Renders the content when the viewport matches the lg breakpoint.

import { Only } from 'atomic-layout'
 
<Only for="lg">This chart only draws on large screens</Only>

Content wrapped by Only is not rendered while hidden. To continue rendering but control the visibility of wrapped components, look at Visible instead.