Core Examples
Accessible React components with Base UI and Yumma CSS.
Base
Standard implementation with default configuration.
© 2025 Acme IncPrivacy Policy
Horizontal
Arranges children in a row using fd-r.
Project DetailsConfigure your project settings and team access.
Team MembersManage who has access to this project.
Multiple
Allows the selection of more than one item.
Account Settings
Email PreferencesManage your email notifications
PrivacyControl who sees your profile
SecurityPassword and two-factor auth
BillingPlan details and payment methods
Icon Examples
Icon-only buttons and decorative configurations.
Icon
Replaces or supplements text with an Icon element.
Icon Circle
Renders the Icon inside a circular container.
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.
Label
Adds a Label component for accessible context.
or