Position

Position

Positioning utilities give you the ability to change the position property of an element.

Position: Fixed

Preview

No content has been added for this component.

No content has been added for this component.

Fixed

.slds-is-fixed can be used to position a container relative to the viewport.


Overview of CSS Classes

Selector.slds-is-static
Summary

Reset positioning back to normal behavior

Restrict*
ModifierTrue
Selector.slds-is-relative
Summary

Used to contain children if children are absolutely positioned and out of flow. Also used to position element without changing layout.

Restrict*
ModifierTrue
Selector.slds-is-fixed
Summary

Used to position an element relative to the viewport.

Restrict*
ModifierTrue
Selector.slds-is-absolute
Summary

Used to position an element relative to its closest ancestor with relative positioning.

Restrict*
ModifierTrue
Selector.slds-is-nested
Summary

Provides styles for a nested lists

Restrict*
ModifierTrue
Selector.slds-is-collapsed
Summary

Hides elements inside a parent

Restrict*
ModifierTrue