NL Design System
Select #239
Replies: 12 comments
-
AmsterdamScreenshots / VariantenFigma Notities
Bekijk het Text input component van Amsterdam voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
Den HaagScreenshots / VariantenStorybook Figma - WIP Notities
Bekijk het Text input component van Den Haag voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
DSO ToolkitScreenshots / VariantenStorybook Default Active Multiple = True Notities
Bekijk het Text input component van DSO Toolkit voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
DUOScreenshots / VariantenDocumentatie website Default Active Met status Notities
Bekijk het Text input component van DUO voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
Open FormulierenScreenshots / VariantenStorybook - Select Default Active
Selected Storybook - Selectfield Default Active Selected Invalid Notities
Bekijk het Text input component van Open Formulieren voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
Open GemeentenScreenshots / VariantenPatternlab
Active Notities
Bekijk het Text input component van OpenGemeenten voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
RotterdamScreenshots / VariantenFigma
Notities
Bekijk het Text input component van Rotterdam voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
RVOScreenshots / VariantenStorybook Default Active Figma Notities
Bekijk het Text input component van RVO voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
UtrechtScreenshots / VariantenStorybook Default Active Disabled Invalid Read-only Busy Focus Focus-visible Multiple Figma States Notities
Bekijk het Text input component van Utrecht voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
|
Het component gebruikt Groningen voornamelijk in formulieren
Oh en de functionaliteit van de select komt bijvoorbeeld ook terug in de zoekbalk: |
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.
-
|
Ik vraag me af: hoe gaan screen readers om met een lege default select, zoals: de eerste <select>
<option value=""></option>
<option value="AMS">Amsterdam</option>
</select> |
Beta Was this translation helpful? Give feedback.
-
We willen graag meer leren over het Select 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
Select
Doel
Biedt de mogelijkheid om één optie te selecteren uit een opengeklapte lijst.
Ook bekend als
Dropdown
Gerelateerde componenten
Select Combobox, Radio Group
Onderzoek
<select>: The HTML Select element - MDNDocumentatie van Mozilla Developers Network over het
<select>HTML element.Alice Bartlett: Burn your select tags - Youtube
Alice Bartlett vertelt waarom het Select component voor problemen kan zorgen. Dit doet zij op basis van gebruikersonderzoek voor GOV.UK. Daarnaast biedt ze alternatieven aan.
Under-Engineered Select Menus - Adrian Roselli
Multiselect - Rian Rietveld - Youtube
Rian laat zien waarom het gebruik van een multiselect voor problemen kan zorgen.
Beta Was this translation helpful? Give feedback.
All reactions