StepperFormCell
Background
| Properties |
iOS |
Android |
Remarks |
| background-color: Color |
✓ |
✓ |
Background color of the stepper form cell |
| padding: Number |
✓ |
✓ |
Padding around the stepper content. |
Supports CSS shorthand: 1 value (all), 2 values (vertical horizontal), 3 values (top horizontal bottom), 4 values (top right bottom left) |
Caption
| Properties |
iOS |
Android |
Remarks |
| font-color: Color |
✓ |
✓ |
Color of the caption text |
| font-size: Number |
|
✓ |
Size of the caption text, for Android only |
| font-style: UIFont.TextStyle |
✓ |
|
Style of the font, for iOS, e.g. body / caption / headline, refer to UIFont.TextStyle. subheadline is set in iOS by default. |
| font-typeface: Typeface |
✓ |
✓ |
Typeface of the font, e.g. bold, italic, semibold |
| padding: Number |
✓ |
✓ |
Padding around the caption text. It is set to 0 by default. |
HelperText
| Properties |
iOS |
Android |
Remarks |
| font-color: Color |
✓ |
✓ |
Color of the helper text |
| font-size: Number |
|
✓ |
Size of the helper text, for Android only |
| font-style: UIFont.TextStyle |
✓ |
|
Style of the font, for iOS, e.g. body / caption / headline, refer to UIFont.TextStyle. footer is set in iOS by default. |
| font-typeface: Typeface |
✓ |
✓ |
Typeface of the font, e.g. bold, italic, semibold. |
| padding: Number |
✓ |
✓ |
Padding around the helper text. It is set to 0 by default. |
Stepper
| Properties |
iOS |
Android |
Remarks |
| border-color: Color |
✓ |
✓ |
Border color of the stepper container |
| border-width: Number |
✓ |
✓ |
Border width of the stepper container. Default value is 1. |
| border-radius: Number |
✓ |
✓ |
Border radius of the stepper container. Default value is 8. |
| height: Number |
✓ |
✓ |
Height of the stepper container. It is 44 in iOS and 56 in android by default. |
| width: Number |
|
✓ |
Width of the stepper container, for Android only |
StepperTextField
| Properties |
iOS |
Android |
Remarks |
| border-color: Color |
✓ |
✓ |
Border color of the text field |
| border-width: Number |
✓ |
|
Border width of the text field, for iOS only. It is set to 0 by default. |
| font-color: Color |
✓ |
✓ |
Color of the text in the text field |
| font-size: Number |
|
✓ |
Font size of the text, for Android only |
| font-family: String |
|
✓ |
Font family of the text, for Android only |
| font-style: UIFont.TextStyle |
✓ |
|
Style of the font, for iOS, e.g. body / caption / headline, refer to UIFont.TextStyle |
| font-typeface: Typeface |
|
✓ |
Typeface of the font, for Android only |
IncrementIcon
| Properties |
iOS |
Android |
Remarks |
| color: Color |
✓ |
✓ |
Tint color of the increment icon |
| font-size: Number |
✓ |
✓ |
Size of the increment icon. It is set to 24 by default, with a max font-size of 48. |
DecrementIcon
| Properties |
iOS |
Android |
Remarks |
| color: Color |
✓ |
✓ |
Tint color of the decrement icon |
| font-size: Number |
✓ |
✓ |
Size of the decrement icon. It is set to 0 by default, with a max font-size of 48. |