[#2473] Convert main buttons to NLDS #1212
Draft
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
issue: https://taiga.maykinmedia.nl/project/open-inwoner/task/2473
This PR works with this NPM version from PR nr. 8 in our design-token package.
Buttons are complex, information-heavy little atomic components, and in the case of NLDS we don't just style Inputs and true Button tags but also
< a href...>
anchor tags and make them look like buttons.Documentation on Utrecht true buttons: https://nl-design-system.github.io/utrecht/storybook/?path=/docs/css-button-appearance--docs
Documentation on Utrecht link-that-looks-like button: https://nl-design-system.github.io/utrecht/storybook/?path=/docs/css_css-button-link--docs
In future users need to be able to change the colors and fonts of OIP buttons where they are similar to NL/Utrecht/Denhaag buttons. But all our other styling like the 'textless', 'pill', 'small', and 'big' buttons (etcetera, etcetera) just have differences in spacing so that is why we are replacing the 'button' class with --oip here so we can still use all of the unique spacing values like
&--icon-after
.Unique modifiers in OIP that Utrecht doesn't have: