Stepper component

[byohannes]

No description provided.

[codecov-commenter]

⚠️ Please install the to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (62aedb9) to head (aa9b4d3).

❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@               Coverage Diff               @@
##           release/1.1.0      #675   +/-   ##
===============================================
  Coverage         100.00%   100.00%           
===============================================
  Files                 86        91    +5     
  Lines               1599      1656   +57     
  Branches             561       573   +12     
===============================================
+ Hits                1599      1656   +57     

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

[alexwbbr]

@byohannes please can you change how the component is being rendered.

With your current method the content can only take up 1/3 of the maximum screen size with 3 steps instead of being able to have a wider width.

Please can you make it so that the header and the content render separately

As you can see from the angular material example the header and content are separate which then gives us greater control on how the component can look

[byohannes]

@alexwbbr, thanks for the review; I have updated the component to reflect the above-requested changes, and now each step does have a separate header and content as shown below

[byohannes]

I have implemented the required changes @alexwbbr on the latest changes as shown on the attached images: