Utility classes

About

PatternFly’s utility classes enable you to further customize and modify elements in your project without having to write any custom CSS.

For example, you might use a utility class to add additional spacing between elements, align content in a layout, or add a box shadow to an element.

Modifies how an element interacts with assistive technologies.

Modifies how text is aligned in a page section.

Modifies the background color of an element.

Applies shadows to an element.

Modifies how an element is displayed in a page section.

Modifies the layout and alignment of elements in a page section.

Floats elements inside of a page section.

Modifies the width and height of elements in a page section.

Modifies the spacing of elements in a page section.

Modifies the styling of text elements.