Inputs can be customized to show different radius factors. The default shape is rounded:sm. You can change the shape of all inputs by setting the rounded property.

Inputs can have different sizes. The default size is md. You can change the size of all inputs by setting the size property.

Inputs can have different contrasts. The default contrast is default. You can change the contrast of an input number by setting the contrast property.

Inputs can have different contrasts. You can change the contrast of an input number by setting the contrast property.

Inputs can have different contrasts. You can change the contrast of an input number by setting the contrast property.

Inputs can have a configurable icon on the left side using the icon prop. Make sure to pick meaningful icons for your use case.

You can also change icons for increment and decrement buttons using the icon-decrement and icon-increment props.

You can change the step used by the increment and decrement buttons using the step prop, which defaults to 1.

Defining a min and max value will prevent the increment and decrement buttons from going beyond these values but will not prevent the user from typing a value outside of the range.

Inputs can be shown in a disabled using the disabled prop.

Inputs can be shown in a loading using the loading prop.