Elements are reusable, customizable components that encapsulate common UI and state management patterns, enabling designers to focus on building high-quality applications.
Currently, the library includes one Element the AdjustableNumberField.
The AdjustableNumberField component is a versatile element that allows users to adjust numeric values incrementally within a specified range. It is particularly useful for settings or configurations where fine control over numeric inputs is needed, such as quantity selectors or pricing adjustments. Features
Incremental Control: Users can increase or decrease the value using predefined step amounts.
Range Enforcement: Values are clamped within a minimum and maximum range to prevent invalid input.
State Registration: Automatically registers the current value and state (e.g., whether it's at the minimum or maximum) with external state management hooks, making it easy to integrate with broader application logic.
number
number
number
number
number