Link in Figma - Githubissues

nl-design-system / backlog

Central product backlog of the NL Design System.

European Union Public License 1.2

7 stars 1 forks source link

Link in Figma #164

Closed Robbert closed 8 months ago

Robbert commented 1 year ago

Gebaseerd op de utrecht-link component

De volgende interactieve states:

active (pointer ingedrukt)
hover
focus focus state, geen focus ring
focus-visible: focus state + focus ring

Variant:

Placeholder link. Bijvoorbeeld naar een stap verderop in het formulier die nog niet geopend mag worden. Of voor een "Vorige" link op pagina 1.

Varianten voor later:

Link met icon. Hiervoor moet met front-end devs een betere variant uitgewerkt worden.
Image link: image met focus ring
Article link: card met hover / focus / focus visible

Varianten die misschien niet nodig zijn in Figma:

E-mail link: nauwelijks zichtbaar verschil, niet de moeite in Figma?
External link: we gaan niet standaard een icon toevoegen.

Yolijn commented 8 months ago

Figma duplicate of https://github.com/nl-design-system/backlog/issues/118