Design System

Position Utilities

position-utilities



Change an element's position property:

  • -pos-rel Relative (default)
  • -pos-abs Absolute
  • -pos-fix Fixed
  • -pos-stc Static

Absolute Position

Absolutely position elements in a corner of their parent element:

<div className="-abs-t-r">Absolute positioned, top right</div>
<div className="-abs-t-l">Absolute positioned, top left</div>
<div className="-abs-b-r">Absolute positioned, bottom right</div>
<div className="-abs-b-l">Absolute positioned, bottom left</div>