Kaufmann Commerce UI / Kaufmann primitive · Commerce recipes
Button
The canonical Kaufmann Button remains the foundation. Commerce only adds concrete recipes for cart, reservation, and inventory states.
Canonical variants
The same variant language, geometry, and surface treatment as the main Kaufmann system.
Canonical sizes
Kaufmann control heights use the denser 30, 34, and 38 pixel rhythm; icon actions remain square.
Commerce recipes
Commerce states build on the same variants without introducing a second Button language.
---
import { Button } from "@kaufmann/ui";
---
<Button>Add to cart</Button>
<Button variant="outline">Learn more</Button>
<Button isPending>Reserving</Button>