@bootstrap-styled/v4/lib/Area/index.md

twbs/bootstrap V4 UI Components made with bootstrap-styled. Work with css-in-js, react, styled-components, and Bootstrap Styled utilities.

An area tag component defines an area inside an image-map (an image-map is an image with clickable areas).

This component have no props.

`<Area />` component example:

```js
import { P, Img, Area } from '$PACKAGE_NAME';

<div>
  <P>Click on the sun or on one of the planets to watch it closer:</P>
  <Img src="https://www.w3schools.com/tags/planets.gif" width="145" height="126" alt="Planets" useMap="#planetmap" />
  <map name="planetmap">
    <Area shape="rect" coords="0,0,82,126" alt="Sun" href="https://www.w3schools.com/tags/sun.htm" />
    <Area shape="circle" coords="90,58,3" alt="Mercury" href="https://www.w3schools.com/tags/mercur.htm" />
    <Area shape="circle" coords="124,58,8" alt="Venus" href="https://www.w3schools.com/tags/venus.htm" />
  </map>
</div>
```