docs/rules/jsx-use-if-tag.md
# Use If tag (jsx-use-if-tag)
Use `If` tag instead of ternary operator.
## Rule Details
The following patterns are considered warnings:
```js
foo ? <div/> : null
foo ? <div/> : <span/>
```
The following patterns are not warnings:
```js
<If condition={foo}>
<div/>
</If>
<If condition={foo}>
<div/>
<Else/>
<div/>
</If>
```
## When Not To Use It
If you are not using JSX, you can disable this rule