Inputs topic
Inputs
SheenTextField, SheenPasswordField, SheenSearchField and SheenCodeField (one-time codes), plus
SheenSwitch, SheenSlider and SheenStepper. The fields use Flutter's TextField and work under any app.
Classes
- SheenCodeField Inputs
- A one-time-code field: one box per digit, the next box ringed in the accent while the field has focus.
- SheenPasswordField Inputs
- A password field: a SheenTextField whose text stays hidden until the person taps the eye button.
- SheenSearchField Inputs
- A search field in a glass capsule: the search glyph, the field and, while it has text, a clear button.
- SheenSlider Inputs
- A slider: a thin track filled with the accent up to a white thumb.
- SheenStepper Inputs
- Minus, value, plus: 36-point glass circles with a 44-point hit area; reaching min or max disables that side.
- SheenSwitch Inputs
- An iOS-style switch, 51 × 31 points, in the accent colour when on; the knob slides on the snappy spring.
- SheenTextField Inputs
- A labelled text field: the label above, a 50-point field with 14-point corners and a hairline ring; focused, a 2-point accent ring; with an error, a red ring and the message under it.