Link

[AlineNap]

Omschrijving

Een verwijzing om een een externe bron of bestand te openen of te navigeren binnen dezelfde pagina of website.

Playground en stories

Niet alle stories op Utrecht's Storybook hoeven overgenomen worden, wat iig op onze Storybook moet komen is:

• States
  • Hover
  • Active
  • Focus
• External
• Link met icon

Definition of ready

• [x] Code check op community component gedaan door lux devs
• [x] Stijling check op community component gedaan door Aline
• [x] Plan voor missende features of bugs van het community component beschreven in het ticket
• [x] Component tokens zijn beschikbaar op main
• [x] Ticket doorgenomen met uitvoerder

Definition of done

Component

• [ ] Component is beschikbaar in de index
• [ ] Design tokens worden gebruikt

Storybook

• [ ] Playground story
• [ ] States en properties stories
• [ ] Korte beschrijving van het component
  • Wat doet het
  • Basis van het component (bijv Utrecht)
  • Aanpassingen en/of uitbreidingen
  • Relatie met andere componenten (bijv. Form field label en Form field)

Tests

• [ ] Het component rendert
• [ ] Aanpassingen en/of uitbreidingen werken (zie ook Testing components)
• [ ] Visual regression test (door LUX)

Links

• Component: https://www.nldesignsystem.nl/link
• NLDS Figma: https://www.figma.com/design/jzxqJv4PtgHJdmOJwY6lYg/NLDS---Bibliotheek---LUX-tokens?node-id=153-1056
• Community component:
  • CSS: https://nl-design-system.github.io/utrecht/storybook/?path=/docs/css_css-link--docs
  • React: https://nl-design-system.github.io/utrecht/storybook/?path=/docs/react_react-link--docs
  • Code: https://github.com/nl-design-system/utrecht/blob/main/packages/component-library-react/src/Link.tsx

[AlineNap]

Remy of Jaap-Hein doet nog een PR op utrecht om wat issues met de link te fixen van utrecht. oa om de stijling van de active link te verbeteren.

Issue: https://github.com/nl-design-system/utrecht/issues/2476