Form Input UX

Episode #428 by Teacher's Avatar David Kimura

Summary

In this episode, we'll focus on the user experience (UX) of form inputs by adding formatting of the text as the user inputs the data.
rails form ux stimulusjs 16:41

Chapters

  • Introduction (0:00)
  • Generate Rails scaffold (1:36)
  • Adding UX Library (2:16)
  • Creating Stimulus Controller (3:35)
  • Creating Numeral Input (5:51)
  • Major gotcha with the UX Library (7:20)
  • Creating Date Input (9:08)
  • Creating Phone Input (10:29)
  • Creating Credit Card Input (12:02)
  • Creating Custom Input (12:55)
  • Creating Time Input (15:25)
  • Final Thoughts (16:04)
Student & Teacher
$ 9 /mo

Valid School Email Required

Same Access as Pro

Subscribe Now
Pro Monthly
$ 19 /mo

Access to Pro Episodes

Invite to Slack Channel

Priority Suggestions

Ad Free

Subscribe Now
Pro Annual
Autumn Sale
$ 144 190 /yr

Access to Pro Episodes

Invite to Slack Channel

Priority Suggestions

Ad Free

Subscribe Now
Teams
$ 57 /mo

3 Users Minimum

$19.00 / user / month

Same Access as Pro

Subscribe to Teams