Visible

Selectively set visibility to 0 for child content based on the viewport size properties.

Usage

Controls visibility of wrapped content when the viewport matches the lg breakpoint.

import { Visible } from 'atomic-layout'
 
<Visible for="lg">This text is visible on large screens</Visible>

Content wrapped by Visible is still rendered while hidden. To selectively render components, look at Only instead.