⏱️ Quick Start

🧰 Functionality Overview

image.png

♿ Accessibility

Feature Status
Keyboard
Screen Reader
Touch

🧠 Trap States & Use Cases

🔹 Initial States (Setup)

Scenario CAPI
Disable input on later subscreens stage.NumInput.Enabled Boolean = false
Pre-fill input with a value stage.NumInput.value Number = 42

✅ Correct States

Scenario CAPI
Check for a specific answer stage.NumInput.value Number = 42
Check for an answer in a range stage.NumInput.value Number In Range 10,20 ← if the number is between 10 and 20 inclusive
Check for an answer with tolerance stage.NumInput.value Number ~== 42,5 ← if the number is equal to 42 with 5% tolerance, i.e. between 39.9 and 44.1
Check if they entered any number stage.NumInput.value Number Is NaN false ← if it’s not NaN (Not a Number), then they did enter a number

❌ Incorrect States

Scenario CAPI
Incomplete: didn’t enter anything stage.NumInput.value Number Is NaN true ← if it is NaN (Not a Number), then they did not enter a number
Incorrect: generic stage.NumInput.value Number != 42
Incorrect: specific incorrect answer stage.NumInput.value Number = 24
Incorrect: not within a range stage.NumInput.value Number Not In Range 10,20 ← if the number is not between 10 and 20
Incorrect: not within the tolerance stage.NumInput.value Number !~= 42,5 ← if the number is not equal to 42 with 5% tolerance, i.e. not between 39.9 and 44.1
Incorrect: less than (or greater than) the expected answer stage.NumInput.value Number < 42 all options include <, <=, >, >=

🔄 Mutate States

Scenario CAPI
Disable the input field stage.NumInput.Enabled Boolean = false
Show correct answer stage.NumInput.value Number = 42

🍽️ CAPI Table

CAPI Name Type Default Description Examples / Notes
enabled boolean false Enables/disables the input field
value number