Core Examples
Accessible React components with Base UI and Yumma CSS.
Base
Standard implementation with default configuration.
Upload project assets or drag and dropDrag and drop project files here
Disabled
Prevents interaction with reduced visual emphasis.
Upload project brief or drag and dropUpload enabled after project approval
Error
Displays validation feedback in an error state.
Upload team logo or drag and dropInvalid file format. Please use JPG or PNG.
Solid
Fills the background for strong visual weight.
Upload billing invoice or drag and dropSelect invoice PDF
Solid Error
Solid background with red accent for error states.
Upload project assets or drag and dropMaximum file size exceeded (10MB)
Shape Examples
Shapes from sharp to fully rounded.
Square
Applies sharp corners with no border-radius.
Upload project assets or drag and dropDrag and drop project files here
Squircle
Applies a smooth continuous curve between adjacent corners.
Upload project assets or drag and dropDrag and drop project files here