Core Examples
Accessible React components with Base UI and Yumma CSS.
Base
Standard implementation with default configuration.
Disabled
Prevents interaction with reduced visual emphasis.
Parent
Controls child items through an indeterminate state.
Readonly
Displays content without allowing edits.
Group Examples
Groups, nesting, and parent-child relationships.
Label
Adds a Label component for accessible context.
Task actions
Nested Parent
Combines Parent control with nested sub-items.
Size Examples
Sizes from compact to large.
Small
Compact size for constrained spaces.
Medium
Standard default size.
Large
Expanded size for emphasis or easier targeting.
More Examples
Additional variants and interactive states.
Description
Includes a secondary descriptive text below the label.
Receive updates about your account activity
Detailed
Shows additional details alongside the primary content.