Arrows (also referred to as chevrons) are typically used together with buttons, links, drop downs and other action oriented components to indicate a sense of direction.

### Example

```jsx live=true
<React.Fragment>
	<Arrow />
	<Arrow size={20} />
	<Arrow size={30} />
	<Arrow size={40} />
	<Arrow direction="left" color="seagreen" />
	<Arrow direction="left" color="seagreen" size={20} />
	<Arrow direction="left" color="seagreen" size={30} />
	<Arrow direction="left" color="seagreen" size={40} />
	<Arrow direction="up" color="palevioletred" />
	<Arrow direction="up" color="palevioletred" size={20} />
	<Arrow direction="up" color="palevioletred" size={30} />
	<Arrow direction="up" color="palevioletred" size={40} />
	<Arrow direction="down" color="cornflowerblue" />
	<Arrow direction="down" color="cornflowerblue" size={20} />
	<Arrow direction="down" color="cornflowerblue" size={30} />
	<Arrow direction="down" color="cornflowerblue" size={40} />
</React.Fragment>
```