Fix so that icon is not shrinked when label wraps across lines:
New prop to control alignment between icon and content/label. Default is still centered, but gives the possibility to set either start or end:
Added type ReactNode to label-prop, to allow contents of AlertMessage to be more advanced than a plain string. For example for text split up by controlled new lines. Or to be able to add a heading, bulleted list etc.
Checklist before requesting a review
[x] I have performed a self-review and test of my code
[x] I have added label to the PR (major, minor or patch)
[ ] If new component: Is story for component created in stories-folder?
[ ] If new component: Is tsx-file import added to packages/react/index.tsx?
[ ] If new component: Is css-file added to packages/css/index.css?
Describe your changes
Some enhancements to MdAlertMessage-component:
Fix so that icon is not shrinked when label wraps across lines:
New prop to control alignment between icon and content/label. Default is still centered, but gives the possibility to set either start or end:
Added type ReactNode to label-prop, to allow contents of AlertMessage to be more advanced than a plain string. For example for text split up by controlled new lines. Or to be able to add a heading, bulleted list etc.
Checklist before requesting a review
major
,minor
orpatch
)stories
-folder?packages/react/index.tsx
?packages/css/index.css
?