Fiori
Fiori-styled stepper component for numeric value input with increment/decrement controls.
This composable provides two layout modes:
Vertical layout (default): Label on top, input field in middle, helper text at bottom
Horizontal layout: Label on left, input field on right, helper text below
Features:
Value range constraints (valueRange)
Custom step size (step)
Decimal places control (decimalPlaces)
Rounding mode configuration (RoundingMode)
Error state visualization
Customizable icons
Keyboard interaction optimization
Parameters
Current value and configuration, wrapped in FioriStepperValue
Callback triggered when value changes
Label and helper text configuration using FioriStepperContent.When non-null, enforces the isHorizontal layout logic
Modifier for styling
Whether the component is enabled (default: true)
Whether the component is read-only (default: false)
Whether the text is selectable (default: true)
Whether to display error state (default: false)
Whether to use horizontal layout (default: false).Enforced only when content is non-null.
Customize decrement icon (default: less icon).If you customize the tint,you must manually manage the default/disable/readOnly/error state of the icon.The colors specified via tint will always take highest priority. otherwise the colors in colors will be used.
Customize increment icon (default: add icon).If you customize the tint,you must manually manage the default/disable/readOnly/error state of the icon.The colors specified via tint will always take highest priority. otherwise the colors in colors will be used.
Keyboard options configuration (default: Number keyboard)
Keyboard action handlers
Interaction source for focus tracking
Custom color options
Custom text style options
Custom dimension options