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.


Shape Examples

Shapes from sharp to fully rounded.

Square

Applies sharp corners with no br-(value).


Squircle

Applies a smooth continuous curve between adjacent corners.


Size Examples

Sizes from compact to large.

Large

Expanded size for emphasis or easier targeting.


Medium

Standard default size.


Small

Compact size for constrained spaces.