Mozhi

Button

Mozhi buttons wrap Base UI behavior with shared spacing, radius, border, and light and dark color styling.

Purpose

Button wraps the Base UI button primitive with Mozhi spacing, border, color, and radius tokens.

Variants

primary is the default high-emphasis action.
secondary is for quieter companion actions.

Notes

The component already understands the shared radius token, so changes made through the theme system propagate automatically.

Usage guidance

Keep labels short, pair icons with meaningful actions, and reach for secondary when the page already has a clear primary action.