predix-ui/catalog/tutorial.md

px-* web components as React styled components

## Iron Components
The following components are implemented to transition from web components.

### IronCollapse

```code
const { Button } = PxReact;
const { IronCollapse } = IronComponents;
<div>
  <Button label='Toggle'/>
  <IronCollapse>
    Test
  </IronCollapse>
</div>
```

### IronResizable

```code
const { IronResizable } = IronComponents;
```

### IronMediaQuery

```code
const { IronMediaQuery } = IronComponents;
```


### IronSelector

```code
const { IronSelector } = IronComponents;
<div>
  <IronSelector selected={0}>
    <div>Page 1</div>
    <div>Page 2</div>
    <div>Page 3</div>
  </IronSelector>
</div>
```