Your submission was sent successfully! Close

Jump to main content

Revisiting form elements in Vanilla Framework

Lyubomir Popov

on 12 December 2022

Over the years, we’ve identified a number of areas for improvement when it comes to the basic building blocks of a form – inputs, buttons, etc:

  • Long-standing complaints that inputs and buttons are too similar and therefore hard to distinguish
  • “Noisiness” of long forms caused by the presence of borders around all sides of inputs and buttons

Last cycle, our proposal for updated form elements was discussed and approved, and in this iteration, we worked on implementing it in Vanilla, our front-end framework.

Before Vanilla 3.9:

After Vanilla 3.9:

  • We’ve reduced the number of borders (all around) to the minimum required to satisfy WCAG contrast ratio requirements for interactive elements
  • We’ve removed round corners from buttons and other elements, as part of a wider push to align better with the work of our Brand team
  • We’ve introduced subtle transitions when interacting with form elements

This update also affects components that build on the functionality of form elements, like our search and Filter component:

The updated style was released as part of Vanilla 3.9.0 release.

Version 3.9.0 has just been released. You can see the updated form elements in action here

Newsletter signup

Select topics you're
interested in

In submitting this form, I confirm that I have read and agree to Canonical's Privacy Notice and Privacy Policy.

Related posts

Secure open source MLOps for AI/ML applications in financial services

The adoption of AI/ML in financial services is increasing as companies seek to drive more robust, data-driven decision processes as part of their digital...

Canonical joins the Academy Software Foundation

The publisher of Ubuntu makes a move to collaborate within the media and entertainment industry.

Canonical Experiences Continued Channel Business Growth and Momentum, Regis Paquette Named 2023 CRN Channel Chief

6 February 2023 – Canonical, the publisher of Ubuntu, announced today that it  doubled revenue for its Channel/Reseller Program in 2022, grew its active...