Position

Atomic props for controlling how an element is positioned.

Atomic PropsCSS Properties
staticposition: static;
fixedposition: fixed;
absoluteposition: absolute;
relativeposition: relative;
stickyposition: sticky;
position={value}position: {value};

Static#

Use static props to set static position for an element.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Relative#

Use relative props to set relative position for an element.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Absolute#

Use absolute props to set absolute position for an element.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Fixed#

Use fixed props to set fixed position for an element.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Sticky#

Use sticky props to set sticky position for an element.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

Position#

if the preset atomic props can not be satisfied,you can use position props.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO