Core Examples
Accessible React components with Base UI and Yumma CSS.
Base
Standard implementation with default configuration.
Nested
Supports sub-levels of content within a parent item.
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.
Edit Profile
Opens a dialog with editable profile fields.
New Task
Opens a dialog to create a new task.
Send Invite
Opens a dialog to invite new members.
Share Task
Opens a dialog to share a task with collaborators.
Sign In
Shows a sign-in form within the dialog.
Sign Up
Shows a sign-up form within the dialog.
Icon Examples
Icon-only buttons and decorative configurations.
Leading
Trailing
Static
Renders without motion wrappers or interactive animations.