Number Field

Capture numeric input with increment and decrement controls.

Core Examples

Accessible React components with Base UI and Yumma CSS.

Base

Standard implementation with default configuration.


Disabled

Prevents interaction with reduced visual emphasis.


Size Examples

Sizes from compact to large.

Small

Compact size for constrained spaces.


Medium

Standard default size.


Large

Expanded size for emphasis or easier targeting.


Shape Examples

Shapes from sharp to fully rounded.

Square

Applies sharp corners with no border-radius.


Squircle

Applies a smooth continuous curve between adjacent corners.