position
Applying the position system modifier to your component will allow consumers of your component to pass in the following props:
| Property | Type | Description |
|---|---|---|
$position | (See MDN) | Applies position styles |
$top | (See MDN) | Applies top styles |
$bottom | (See MDN) | Applies bottom styles |
$left | (See MDN) | Applies left styles |
$right | (See MDN) | Applies right styles |
$zIndex | number | Applies zIndex styles |
z-index stacking order
We use the following rule of thumb:
>= 300Modals251Reserved for Masthead100 - 200Inline overlays (popovers, tooltips etc)< 100Components