# Hide

<!-- STORY -->

## Installation

```shell
$ yarn add @roo-ui/components
```

## Example

```js
import { Hide } from '@roo-ui/components';

export default (
  <Fragment>
    <Hide xs>Hidden on xs</Hide>
    <Hide sm>Hidden on sm</Hide>
    <Hide md>Hidden on md</Hide>
    <Hide lg>Hidden on lg</Hide>
  </Fragment>
);
```

## Properties

| Name | Description | Type   | Default | Required? |
|:-----|:------------|:-------|:--------|:----------|
| `xs` | hide on xs  | `bool` | false   | -         |
| `sm` | hide on sm  | `bool` | false   | -         |
| `md` | hide on md  | `bool` | false   | -         |
| `lg` | hide on lg  | `bool` | false   | -         |