Centered content
Centered with padding and border
A
B
C
Inline flex item
Contents display
Column 1
Column 2
Column 3
Column 4
Item 1
Item 2
Item 3
Item 1
Item 2
No explicit direction
Explicit row
Explicit column
Row reverse
Column reverse
Multiple directions
Item 1
Item 2
Item 3
Full props
Example
Mixed utilities
Section as flex container
Should use as="section"
Multiple edge cases
Element with ref used for DOM manipulation
Ref but no DOM API usage in script
Dynamic binding with flex utilities
Dynamic array binding with flex
Dynamic object binding with flex
Dynamic binding but NO flex utilities in binding
Inner span
Article title
Article content
Inner content