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.
More Examples
Additional variants and interactive states.
Character Counter
Shows remaining or used character count.
Error
Displays validation feedback in an error state.
Helper
Includes helper text beneath the input.
Label
Adds a Label component for accessible context.
Success
Displays the component in a success state.