ComponentsLayout and structure
Spacer and flex break
Two tiny flex helpers. MudSpacer grows to push its neighbours apart; MudFlexBreak forces the items after it onto a new line of a wrapping flex container.
Pushing items apart
A spacer takes all the free space in a flex row, so whatever follows it sits at the far end. It works in toolbars, app bars, card actions and any d-flex container.
Rye flour, 25 kg
4 sacks left
Several spacers
Free space is shared equally between spacers, which centers the middle item between the two ends.
Thursday 9 October
Flex break
In a wrapping flex container, MudFlexBreak ends the current line. The items after it start a new line no matter how much room is left.
Line 14
Line 22
Harbour
Old Town
University