Components

The Flex components include the following:

  • Flex - A flexible box layout container with full Tailwind flex utility support via props.
  • FlexItem - A flexible item for use inside Flex, with prop-driven Tailwind flex child utilities.

Flex

The Flex component is a wrapper for Tailwind's flexbox utilities. It exposes props for all common flex, direction, wrap, alignment, and justification options, as well as shortcuts for common patterns.

FlexItem

The FlexItem component is designed to be used as a direct child of Flex. It exposes common Tailwind flex child utilities (such as flex-1, flex-auto, flex-initial, flex-none, and flex-grow) as props, allowing for a clean, prop-driven API.