Change Details

The Design style guide should display the applicable validation states (error, warning, success...) of interactive components. At the moment, only [[ https://design.wikimedia.org/style-guide/components/text-inputs-and-textarea.html#designing | limited validation guidelines ]] are provided, and several divergent approaches can be found in production, so it's hard to infer any style patterns. Some examples: Link input field (VE): {F33913238} Input/combobox (VE): {F33913259} Button/dropdown (VE): {F33913271} Lookup (Structured data, Commons): {F33913277} Point in time selector (Structured data, Commons): {F33913284}

The Design style guide should display the applicable validation states (error, warning, success, notice( ?)...) of interactive components. At the moment, only [[ https://design.wikimedia.org/style-guide/components/text-inputs-and-textarea.html#designing | limited validation guidelines ]] are provided, and several divergent approaches can be found in production, so it's hard to infer any style patterns. Some live examples of how inline errors are styled: Link input field (VE): {F33913238} Input/combobox (VE): {F33913259} Button/dropdown (VE): {F33913271} Lookup (Structured data, Commons): {F33913277} Point in time selector (Structured data, Commons): {F33913284}

The Design style guide should display the applicable validation states (error, warning, success, notice( ?)...) of interactive components. At the moment, only [[ https://design.wikimedia.org/style-guide/components/text-inputs-and-textarea.html#designing | limited validation guidelines ]] are provided, and several divergent approaches can be found in production, so it's hard to infer any style patterns. Some live examples:les of how inline errors are styled: Link input field (VE): {F33913238} Input/combobox (VE): {F33913259} Button/dropdown (VE): {F33913271} Lookup (Structured data, Commons): {F33913277} Point in time selector (Structured data, Commons): {F33913284}