feat!(components): set size of display components or resize to fit container #191

JonasKellerer commented 7 months ago

BREAKING_CHANGE: all display components have default width 100% and height 100vh

resolves #191

Summary

Lets display components resize to the parent component and/or allow for more fine grained size setting. Each component has now a size prop, which can set width, height and minWidth of the component. The sizes have to be provided in css format (eg. '100%', '300px', '30vh', ...). The tabs inside of one component have now the same size. If the content is larger than the provided space, a scroll bar is shown at the side.

Screenshot

PR Checklist

[x] All necessary documentation has been adapted.
[x] The implemented feature is covered by an appropriate test.

fengelniederhammer commented 7 months ago

Apparently our current commitlint config doesn't allow feat!.

fengelniederhammer commented 7 months ago

Probably at some point a tutorial in the docs "How to style our components" would be nice.

GenSpectrum / dashboard-components