NL Design System
Checkbox #306
Replies: 10 comments
-
AmsterdamScreenshots / VariantenStorybook Default Hover Disabled Focus Invalid Checked Checked + Hover Checked + Disabled Checked + Invalid Indeterminate Long label Figma States Notities
|
Beta Was this translation helpful? Give feedback.
-
Den HaagScreenshots / VariantenStorybook Default Checked Invalid Disabled Hover Focus Focus visible Figma - Huidig Component varianten voor Checkbox Figma - WIP States van Checkbox als onderdeel van Form Field Checkbox Option Notities
|
Beta Was this translation helpful? Give feedback.
-
DSOScreenshots / VariantenStorybook Default Active Focus Checked Notities
|
Beta Was this translation helpful? Give feedback.
-
DUOScreenshots / VariantenDocumentatie website Default Focus Disabled Checked Ook gebruikt vooraf aan een table-row zonder label. Hierbij wijken de states af. Default Checked en Indeterminate state Focus Notities
|
Beta Was this translation helpful? Give feedback.
-
Open FormulierenScreenshots / VariantenStorybook Default Focus Checked Required Notities
|
Beta Was this translation helpful? Give feedback.
-
OpenGemeentenScreenshots / VariantenPatternlab Default Hover Focus Checked Checked + Hover Notities
|
Beta Was this translation helpful? Give feedback.
-
RotterdamScreenshots / VariantenFigma States Notities
|
Beta Was this translation helpful? Give feedback.
-
RVOScreenshots / VariantenStorybook Default Hover Active Disabled Focus Indeterminate Invalid Checked Checked + Hover Figma Notities
|
Beta Was this translation helpful? Give feedback.
-
UtrechtScreenshots / VariantenStorybook Veel verschillende states beschikbaar in Storybook. Maar niet elke state zorgt voor een wisseling in vormgeving. Vandaar dat er maar enkele states meegenomen in screenshots. Default Focus Disabled Checked Checked + Disabled Indeterminate Invalid States van Checkbox als onderdeel van Form Field Checkbox Option Notities
|
Beta Was this translation helpful? Give feedback.
-
✨ Dit component is nu Help Wanted ✨Help je mee hem door de Community stappen te krijgen? |
Beta Was this translation helpful? Give feedback.
-
We willen graag meer leren over de Checkbox component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?
Deel hieronder een link naar Figma, Storybook of screenshots. Met deze informatie kunnen we bewijzen dat het component onderdeel moet worden van de NL Design System component library.
Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit component? Dan horen we dit ook graag!
Link naar bericht in Slack
Naam
Checkbox
Doel
Invoerveld voor het kiezen van een optie uit een groep van opties, of om te kiezen tussen "wel" of "niet".
Gerelateerde componenten
Checkbox Group, Radio Button, Switch
Onderzoek
Checkboxes vs. Radio Buttons - Nielsen Norman Group
Artikel over verschil tussen Checkboxes en Radio Buttons.
Inclusively Hiding & Styling Checkboxes and Radio Buttons - Sara Soueidan
Artikel waarin Sara Soueidan beschrijft hoe je custom Checkboxes and Radio Buttons kunt ontwikkelen.
We've updated the radios and checkboxes - GOV.UK
Tim Paul legt uit waarom GOV.UK aanpassingen heeft gedaan bij Radio en Checkbox opties.
Checkboxes - GOV.UK
Onder 'Research on this component' worden bevindingen genoteerd. Er is ook een link naar de Checkboxes Github discussion waar meer informatie, onderzoek en aanpassingen worden gedeeld.
In een comment bij Checkbox Github Discussion wordt opgemerkt dat een high-contrast gebruiker gebaad is bij een visuele wijziging voor de hover state.
Beta Was this translation helpful? Give feedback.
All reactions