Package org.patternfly.layout.split


package org.patternfly.layout.split
Provides the PatternFly split layout for distributing content horizontally with support for a fill item, wrapping, and spacing control.

The split layout positions items side by side. One item can use fill() to take up the remaining horizontal space. The layout also supports gutters for spacing and wrapping when items overflow.

Usage

A basic split layout with a fill item:
import static org.patternfly.layout.split.Split.split;
import static org.patternfly.layout.split.SplitItem.splitItem;

split()
        .addItem(splitItem().text("content"))
        .addItem(splitItem().fill().text("pf-m-fill"))
        .addItem(splitItem().text("content"));
A wrappable split layout with gutters:
import static org.patternfly.layout.split.Split.split;
import static org.patternfly.layout.split.SplitItem.splitItem;

split().wrap().gutter()
        .addItem(splitItem().text("content"))
        .addItem(splitItem().text("content"))
        .addItem(splitItem().text("content"))
        .addItem(splitItem().text("content"));
See Also:
  • Classes
    Class
    Description
    The bullseye layout centers content, both vertically and horizontally within a container.