Storyboard: Submit Button

Example storyboard specification for the WDS course

Coming Soon

This is an example storyboard referenced from Module 11 Tutorial. It will demonstrate a complete behavior storyboard for a submit button component.

From	To	Trigger	Duration	Visual
Default	Hover	Mouse enter	Instant	Darker background
Hover	Default	Mouse leave	Instant	Original background
Default	Loading	Click	100ms delay	Spinner replaces text
Loading	Success	API response OK	Instant	Checkmark, green background
Loading	Error	API response fail	Instant	Return to default, show error
Success	Redirect	Timer	1.5s	Fade out, navigate

This is a teaching example for the WDS course.