File Upload

Upload files with drag and drop support.

Core Examples

Accessible React components with Base UI and Yumma CSS.

Base

Standard implementation with default configuration.


Disabled

Prevents interaction with reduced visual emphasis.


Error

Displays validation feedback in an error state.


Solid

Fills the background for strong visual weight.


Solid Error

Solid background with red accent for error states.


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.