Sign in

Tips and trick about design systems

In this series, I look at design system thinking, components, and general best practices. Today, I took a common component and re-built it to be more responsive and scalable for a design system library.

A responsive floating label text field
A responsive floating label text field

Short Version

Created a scalable Sketch symbol for floating label text field.

Link to file: here

Behind the scenes

In Material Design, a floating label occurs when a user clicks on an outlined text field (focused) and after it has been filled (activated).

Parker Audrey

Senior Designer based in London. My computer is dying so I’m typing stuff somewhere so I don’t forget it. Learn more: www.parkeraudrey.com.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store