**bottom-center**

```js
<RadarAnimation position="bottom-center">
  <Button>Bottom Center</Button>
</RadarAnimation>
```

**bottom-left**

```js
<RadarAnimation position="bottom-left">
  <Button>Bottom Left</Button>
</RadarAnimation>
```

**bottom-right**

```js
<RadarAnimation position="bottom-right">
  <Button>Bottom Right</Button>
</RadarAnimation>
```

**middle-center**

```js
<RadarAnimation position="middle-center">
  <Button>Middle Center</Button>
</RadarAnimation>
```

**middle-left**

```js
<RadarAnimation position="middle-left">
  <Button>Middle Left</Button>
</RadarAnimation>
```

**middle-right**

```js
<RadarAnimation position="middle-right">
  <Button>Middle Right</Button>
</RadarAnimation>
```

**top-center**

```js
<RadarAnimation position="top-center">
  <Button>Top Center</Button>
</RadarAnimation>
```

**top-left**

```js
<RadarAnimation position="top-left">
  <Button>Top Left</Button>
</RadarAnimation>
```

**top-right**

```js
<RadarAnimation position="top-right">
  <Button>Top Right</Button>
</RadarAnimation>
```
