New Component: Add MudFlexBreak component for forcing flex items onto a new line

[danielchalmers]

Description

Resolves #6712 by adding a MudFlexBreak component that can be used in any flexbox layout, such as MudGrid or MudStack, in order to force items onto the next line, similar to <br>.

It's very simple to add because we already use flexbox in the grid.

How Has This Been Tested?

visually

Type of Changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation (fix or improvement to the website or code docs)

Grid

Stack

Checklist

• The PR is submitted to the correct branch (dev).
• My code follows the code style of this project.
• I've added relevant tests.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 90.08%. Comparing base (28bc599) to head (84f74fb).
Report is 87 commits behind head on dev.

Additional details and impacted files

@@            Coverage Diff             @@
##              dev    #8748      +/-   ##
==========================================
+ Coverage   89.82%   90.08%   +0.25%     
==========================================
  Files         412      420       +8     
  Lines       11878    12178     +300     
  Branches     2364     2396      +32     
==========================================
+ Hits        10670    10971     +301     
+ Misses        681      667      -14     
- Partials      527      540      +13     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[jperson2000]

It looks good to me! Nice work with nameof()

[henon]

@danielchalmers This will even work with other flex-based components such as MudStack right? If so we'll want a more generic name such as MudBreakFlex or MudFlexBreak or simply MudBreak

[ScarletKuro]

I also forgot to mention that we probably should add xml comments to Classname. Unless we want to add extra work for @jperson2000

[danielchalmers]

@ScarletKuro @henon Take a look now

[henon]

Stack

Nice example ❤️

[henon]

Thanks!