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 border-radius.
Squircle
Applies a smooth continuous curve between adjacent corners.
More Examples
Additional variants and interactive states.
Character Counter
Shows remaining or used character count.
0 / 100
Error
Displays validation feedback in an error state.
Please add notes for this task
Helper
Includes helper text beneath the input.
Be respectful and constructive
Label
Adds a Label component for accessible context.
Success
Displays the component in a success state.
Notes look good!