Aanpasbare breedte van formuliervelden

[Ollie-nl]

Voor gebruikers die een formulier invullen, is het praktisch als de lengte van het invulveld aangeeft hoeveel tekst er verwacht wordt. Een kleiner veld voor de postcode en een langer veld voor de straatnaam zijn hier goede voorbeelden.

[scar055]

volgens mij had ik al bij het utrecht storybook voorbeelden met classnames gemaakt https://nl-design-system.github.io/utrecht/storybook/?path=/docs/css_css-textbox--docs

De bedoeling was dat de mensen bij de redactie toen waar ze formulieren maken zelf de classname mee geven zodat de formulier de goede breedte krijgt. Of mensen van open forms moeten de classnames toevoegen bij hun utrecht theme.

[Robbert]

We kunnen aan de OpenForms embed utrecht specifieke code toevoegen om bepaalde velden kleiner te maken:

• https://github.com/frameless/strapi/blob/main/apps/pdc-frontend/src/components/OpenFormsEmbed/OpenFormsEmbed.scss
• .utrecht-textbox[name="bla[voorvoegselXYZ]"] { kleiner }

We kunnen deze code eerst in Storybook testen: https://nl-design-system.github.io/utrecht/storybook-react/?path=/docs/open-forms-textfield--docs

[Robbert]

Er is een PR: nl-design-system/utrecht#2633