Hide

Hide

import Hide from "@kiwicom/orbit-components/lib/Hide";
// and Button for example
import Button from "@kiwicom/orbit-components/lib/Button";
<Hide on={["smallMobile"]}>
<Button>Hello World!</Button>
</Hide>

Props

NameTypeDescription
childrenReact.NodeThe children to hide.
onenum[]Array of devices - viewports to hide the children on.
blockbooleanIf true, the Hide component will be display: block when visible.

enum

onApplies from to width
"largeDesktop"1200px - ∞
"desktop"992px - 1199px
"tablet"768px - 991px
"largeMobile"576px - 767px
"mediumMobile"414px - 575px
"smallMobile"0px - 413px

Functional specs