Documentatie formulierenrichtlijnen: links in een formulier

[rianrietveld]

No description provided.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
documentatie	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 24, 2023 9:35am

[rianrietveld]

@hidde
Hierbij de links binnen een formulier pagina.
Om even wat te proberen heb ik blokjes visual/code toegevoegd met inline style, zonder een React component.
Het enige wat we dat hoeven doen is wat CSS toevoegen aan het hoofd stylesheet.
Het staat nu in inline code, voordat ik de CSS ga aanpassen (het moet natuurlijk in een class) en ik wil ook je mening weten of dit zo een goede oplossing is.

Ik ben geen designer, maar wellicht kan het design met CSS wat mooier worden.
Ook heb ik een icoontje als SVG code toegevoegd, dat kan ook beter.

Maar anyhow. Ik denk dat dit een goede middenweg is om te voorkomen dat we React nodig hebben in de snippits.

Ook had ik nog de vraag hoe we afbeeldingen toevoegen, ik heb er nu een screenshot in die de formulierenndirectory staat.

[rianrietveld]

@hidde De eerste richtlijn in de nieuwe structuur :-)
Ik heb bij het menu item (beta) gezet en een verhaaltje op de overzichtspagina gezet.

Ik zag nog de volgende zaken aan de guidelines component:

• CSS .nlds-guideline__badge--dont en .nlds-guideline__badge--dont gaat niet goed, kleur wordt niet overnenomen. utrecht-paragraph overschrijf deze css
• er staat geen aria-hidden op de icoontjes
• de tekst op de toggle verberg code verdwijnt
  Apart issue van maken?

[hidde]

Puntje:

Gisteren leerde ik dat we afbeeldingen plaatsen in de assets branch, je kunt ze hier (klik hier!!) uploaden en dan pad in de guideline aanpassen naar https://raw.githubusercontent.com/nl-design-system/documentatie/assets/BESTANDSNAAM, bv https://raw.githubusercontent.com/nl-design-system/documentatie/assets/_img_links-vo-link-in-label.png

[Robbert]

Pakt heel mooi uit zo! Ik wordt echt heel blij van dit soort documentatie, bedankt! 🫶

[Robbert]

"icon-ext" zou ik liever niet doen, ik zou <svg>...</svg> adviseren vanwege beter resultaat in forced colors mode.

[rianrietveld]

@Robbert Dat is niet handig voor plugins of CMSssen. Dan moet de content manager handmatig de SVG code invoeren.
Nu kan het zelfs eventueel met de CSS a[target="_blank"]

[hidde]

hier zou een | tussenmoeten voor extra consistentie

Suggested change

	title: Links in een formulier | Richtlijnen NL Design System
	title: Links in een formulier | Richtlijnen | NL Design System

[rianrietveld]

@hidde 👍

[rianrietveld]

@hidde @Robbert
Ik heb onderaan de pagina tekst met een link geplaatst:
Deze richtlijnen worden onderhouden door het NL Design System. Heb je aanvullingen of opmerkingen? Open een issue op GitHub met je suggesties.

Ik kan geen Issue template aanmaken, wellicht dat een van juillie dat kan verzorgen.