import { Hide } from 'bumbag';


The <Hide> component can be used to visually hide elements from the screen.

Pass a below prop to hide the element(s) under a particular breakpoint, or pass an above hide to show element(s) above a particular breakpoint.

Try drag the viewport with the slider!

Editable example

Note: The <Hide> component does not render an element wrapper, meaning it works well with layout components. It just adds hidden styles to each of it's children.


#Hide Props

above string

below string

On this page
Copyright © 2021 Jake Moxey