---
path: "/relative/props"
component: "relative"
type: "atom"
title: "Relative"
---

`Relative` component is an extension of `Box` component. Use `Relative` component to position the `Box` relative.

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| top | sets `top` css property | string or array | null |
| left | sets `left` css property | string or array | null |
| right | sets `right` css property | string or array | null |
| bottom | sets `bottom` css property | string or array | null |
| zIndex | sets `zIndex` css property | number or array | null |