miljodir / md-components

Design-komponenter for Miljødirektoratet (CSS og React)

https://miljodir.github.io/md-components

MIT License

3 stars 2 forks source link

MdAlertMessage with ReactNode contents #116

Closed kajsaeggum closed 6 months ago

kajsaeggum commented 6 months ago

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

[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?

github-actions[bot] commented 6 months ago

Please set a versioning label of either major, minor, or patch to the pull request.