Package org.patternfly.layout.flex

Class Flex

java.lang.Object

org.patternfly.layout.BaseLayout<HTMLElement,Flex>

org.patternfly.layout.flex.Flex

All Implemented Interfaces:

Container<HTMLElement,Flex>, Finder<HTMLElement>, HasElement<HTMLElement,Flex>, HasHTMLElement<HTMLElement,Flex>, IsElement<HTMLElement>, TypedBuilder<HTMLElement,Flex>, Layout

public class Flex
extends BaseLayout<HTMLElement,Flex>

The flex layout supports a completely custom layout by utilizing the PatternFly spacer and breakpoint systems. Flex layouts are infinitely nestable and allow you to adjust spacing, direction, alignment, justification, wrapping, and width to fit your needs.

See Also:

https://www.patternfly.org/layouts/flex

Method Summary

Modifier and Type	Method	Description
Flex	addItem(FlexItem item)
Flex	align(Breakpoints<Align> align)	Value to use for margin: auto at various breakpoints
Flex	alignContent(Breakpoints<AlignContent> alignContent)	Value to add for align-content property at various breakpoints
Flex	alignItems(Breakpoints<AlignItems> alignItems)	Value to add for align-items property at various breakpoints
Flex	alignSelf(Breakpoints<AlignSelf> alignSelf)	Value to add for align-self property at various breakpoints
Flex	columnGap(Breakpoints<Gap> columnGap)	Gap between columns at various breakpoints.
Flex	direction(Breakpoints<Direction> direction)	Value to add for flex-direction property at various breakpoints
Flex	display(Breakpoints<Display> display)	Value to set to display property at various breakpoints
static Flex	flex()
static <E extends HTMLElement> Flex	flex(HTMLContainerBuilder<E> builder)
Flex	flex(Breakpoints<FlexShorthand> flexShorthand)	Value to add for flex property at various breakpoints
Flex	flexWrap(Breakpoints<FlexWrap> flexWrap)	Value to set for flex-wrap property at various breakpoints
Flex	fullWidth(Breakpoint breakpoint, Breakpoint... more)	Whether to set width: 100% at various breakpoints
Flex	gap(Breakpoints<Gap> gap)	Gap between items at various breakpoints.
Flex	grow(Breakpoint breakpoint, Breakpoint... more)	Whether to add flex: grow at various breakpoints
Flex	justifyContent(Breakpoints<JustifyContent> justifyContent)	Value to add for justify-content property at various breakpoints
Flex	order(Breakpoints<String> order)
Flex	rowGap(Breakpoints<Gap> rowGap)	Gap between rows at various breakpoints.
Flex	shrink(Breakpoint breakpoint, Breakpoint... more)	Whether to add flex: shrink at various breakpoints
Flex	spaceItems(Breakpoints<SpaceItems> spaceItems)	Space items at various breakpoints
Flex	spacer(Breakpoints<Spacer> spacer)	Spacers at various breakpoints
Flex	that()

Methods inherited from class org.patternfly.layout.BaseLayout

element

Methods inherited from class java.lang.Object

equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait

Methods inherited from interface org.jboss.elemento.Container

add, add, add, addAll, addAll, addAll, addAll, addAll, addAll

Methods inherited from interface org.jboss.elemento.Finder

closest, find, findAll

Methods inherited from interface org.jboss.elemento.HasElement

add, apply, aria, aria, aria, attr, attr, attr, classList, classList, css, id, id, innerHtml, on, run, textContent, textNode, toggle, toggle, toggle, uniqueId

Methods inherited from interface org.jboss.elemento.HasHTMLElement

data, hidden, style, style, style, style, style, style, title

Method Detail

flex

public static Flex flex()

flex

public static <E extends HTMLElement> Flex flex(HTMLContainerBuilder<E> builder)

addItem

public Flex addItem(FlexItem item)

align

public Flex align(Breakpoints<Align> align)

Value to use for margin: auto at various breakpoints

alignContent

public Flex alignContent(Breakpoints<AlignContent> alignContent)

Value to add for align-content property at various breakpoints

alignItems

public Flex alignItems(Breakpoints<AlignItems> alignItems)

Value to add for align-items property at various breakpoints

alignSelf

public Flex alignSelf(Breakpoints<AlignSelf> alignSelf)

Value to add for align-self property at various breakpoints

columnGap

public Flex columnGap(Breakpoints<Gap> columnGap)

Gap between columns at various breakpoints. This will override spacers for the main axis.

direction

public Flex direction(Breakpoints<Direction> direction)

Value to add for flex-direction property at various breakpoints

display

public Flex display(Breakpoints<Display> display)

Value to set to display property at various breakpoints

flex

public Flex flex(Breakpoints<FlexShorthand> flexShorthand)

Value to add for flex property at various breakpoints

flexWrap

public Flex flexWrap(Breakpoints<FlexWrap> flexWrap)

Value to set for flex-wrap property at various breakpoints

fullWidth

public Flex fullWidth(Breakpoint breakpoint,
                      Breakpoint... more)

Whether to set width: 100% at various breakpoints

gap

public Flex gap(Breakpoints<Gap> gap)

Gap between items at various breakpoints. This will override spacers for the main axis.

grow

public Flex grow(Breakpoint breakpoint,
                 Breakpoint... more)

Whether to add flex: grow at various breakpoints

justifyContent

public Flex justifyContent(Breakpoints<JustifyContent> justifyContent)

Value to add for justify-content property at various breakpoints

order

public Flex order(Breakpoints<String> order)

rowGap

public Flex rowGap(Breakpoints<Gap> rowGap)

Gap between rows at various breakpoints. This will override spacers for the main axis.

shrink

public Flex shrink(Breakpoint breakpoint,
                   Breakpoint... more)

Whether to add flex: shrink at various breakpoints

spaceItems

public Flex spaceItems(Breakpoints<SpaceItems> spaceItems)

Space items at various breakpoints

spacer

public Flex spacer(Breakpoints<Spacer> spacer)

Spacers at various breakpoints

that

public Flex that()