Hide#

Import#

import { Hide } from 'bumbag-native';

Usage#

The <Hide> component can be used to hide elements on the screen above or below a particular breakpoint, but show them otherwise.

Breakpoints can be referenced here.

This should hide on viewports above or equal to lg width (768px).
Editable example
This should hide on viewports above or equal to lg height (736px).
Editable example

Props#

Hide Props#

above string

below string

direction "height" | "width"

children Required

string
  | number
  | boolean
  | {}
  | ReactElement<any, string
  | ((props: any) => ReactElement<any, string
  | ...
  | (new (props: any) => Component<any, any, any>)>)
  | (new (props: any) => Component<...>)>
  | ReactNodeArray
  | ReactPortal
Copyright © 2021 Jake Moxey