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:

  • Method Details

    • 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(Align align)
      Same as align(breakpoints(default_, align))

    • align

      public Flex align(Breakpoints<Align> align)
      Value to use for margin: auto at various breakpoints

    • alignContent

      public Flex alignContent(AlignContent alignContent)
      Same as alignContent(breakpoints(default_, alignContent))

    • alignContent

      public Flex alignContent(Breakpoints<AlignContent> alignContent)
      Value to add for align-content property at various breakpoints

    • alignItems

      public Flex alignItems(AlignItems alignItems)
      Same as alignItems(breakpoints(default_, alignItems))

    • alignItems

      public Flex alignItems(Breakpoints<AlignItems> alignItems)
      Value to add for align-items property at various breakpoints

    • alignSelf

      public Flex alignSelf(AlignSelf alignSelf)
      Same as alignSelf(breakpoints(default_, alignSelf))

    • alignSelf

      public Flex alignSelf(Breakpoints<AlignSelf> alignSelf)
      Value to add for align-self property at various breakpoints

    • columnGap

      public Flex columnGap(Gap columnGap)
      Same as columnGap(breakpoints(default_, columnGap))

    • 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(Direction direction)
      Same as direction(breakpoints(default_, direction))

    • direction

      public Flex direction(Breakpoints<Direction> direction)
      Value to add for flex-direction property at various breakpoints

    • display

      public Flex display(Display display)
      Same as display(breakpoints(default_, display))

    • display

      public Flex display(Breakpoints<Display> display)
      Value to set to display property at various breakpoints

    • flex

      public Flex flex(FlexShorthand flexShorthand)
      Same as flex(breakpoints(default_, flexShorthand))

    • flex

      public Flex flex(Breakpoints<FlexShorthand> flexShorthand)
      Value to add for flex property at various breakpoints

    • flexWrap

      public Flex flexWrap(FlexWrap flexWrap)
      Same as flexWrap(breakpoints(default_, flexWrap))

    • 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(Gap gap)
      Same as gap(breakpoints(default_, gap))

    • 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(JustifyContent justifyContent)
      Same as justifyContent(breakpoints(default_, justifyContent))

    • justifyContent

      public Flex justifyContent(Breakpoints<JustifyContent> justifyContent)
      Value to add for justify-content property at various breakpoints

    • order

      public Flex order(String order)
      Same as order(breakpoints(default_, order))

    • order

      public Flex order(Breakpoints<String> order)

    • rowGap

      public Flex rowGap(Gap rowGap)
      Same as rowGap(breakpoints(default_, rowGap))

    • 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(SpaceItems spaceItems)
      Same as spaceItems(breakpoints(default_, spaceItems))

    • spaceItems

      public Flex spaceItems(Breakpoints<SpaceItems> spaceItems)
      Space items at various breakpoints

    • spacer

      public Flex spacer(Spacer spacer)
      Same as spacer(breakpoints(default_, spacer))

    • spacer

      public Flex spacer(Breakpoints<Spacer> spacer)
      Spacers at various breakpoints

    • that

      public Flex that()