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.