React Visible

A React component designed to control if children are rendered, therefore their visibility. Probably the simplest component in the world.

Example

import Visible from "react-visible";

…

<Visible isVisible={true}>
    You can see me, my children are rendered
</Visible>

<Visible isVisible={false}>
    You can’t see me, isn’t this nicer than doing it yourself with an if false render noscript statement
</Visible>

React support

For older versions of react please see previous versions of this library.