tridion-sites-extensions-api-docs

Home > @tridion-sites/extensions > FlexProps

FlexProps interface

Signature:

export interface FlexProps extends BlockProps

Extends: BlockProps

Properties

Property Modifiers Type Description
crossAxis?   CrossAxisAlignment (Optional) Item alignment on the cross axis. Items are centered by default if direction=”row”.
direction?   AxisDirection (Optional) Defines how items are placed in the container.
inline?   boolean (Optional) Render as an inline-level element or as a block-level one?
mainAxis?   MainAxisAlignment (Optional) Item alignment on the main axis.
shouldFill?   boolean (Optional) Take available space in the parent. The parent is required to be Flex for this property to work. Multiple components with this property set to true are going to split available space equally between them.
shouldWrap?   boolean (Optional) Whether flex items are forced onto one line or can wrap onto multiple lines.