Input Component
At first an input seems simple.
Label
Begin
But as designers we know simple is never simple.
Simple has many…
Errors
Messaging
Icons
Accessibility
Labels
is many…
Date
Currency
Password
Search
Credit Card
and is used on many.
Desktop
Tablet
Mobile
Web
Native
How do you design simple?
With grids...
more grids...
and animation too.
I delivered lots of pictures and words...
that resulted in.
It wasn’t really that easy though ;)
Timeframe
~6 Months
at 50%
Collaboration
Designers, PM’s, devs, accessibility, and animators
Components
Foundation for ~20 other components
Specification
15 pages detailing every aspect
End
Input Component
At first an input seems simple.
Label
Begin
But as designers we know simple is never simple.
Simple has many…
Errors
Messaging
Icons
Accessibility
Labels
is many…
Date
Currency
Password
Search
Credit Card
and is used on many.
Desktop
Tablet
Mobile
Web
Native
How do you design simple?
With grids...
more grids...
and animation too.
I delivered lots of pictures and words...
that resulted in.
It wasn’t really that easy though ;)
Timeframe
~6 Months
at 50%
Collaboration
Designers, PM’s, devs, accessibility, and animators
Components
Foundation for ~20 other components
Specification
15 pages detailing every aspect
End
About
© John Stickley 2026 All Rights Reserved - v26
Input Component
At first an input seems simple.
Label
Begin
But as designers we know simple is never simple.
Simple has many…
Errors
Messaging
Icons
Accessibility
Labels
is many…
Date
Currency
Password
Search
Credit Card
and is used on many.
Desktop
Tablet
Mobile
Web
Native
How do you design simple?
With grids...
more grids...
and animation too.
I delivered lots of pictures and words...
that resulted in.
It wasn’t really that easy though ;)
Timeframe
~6 Months
at 50%
Collaboration
Designers, PM’s, devs, accessibility, and animators
Components
Foundation for ~20 other components
Specification
15 pages detailing every aspect
End
About
© John Stickley 2026 All Rights Reserved - v26