Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library
BlocksForms & actionsButton variants

Button variants

Adapted

One action, one clear shape. Primary, secondary, outline, ghost, link and destructive, in every size, with a leading-icon pattern for creation actions.

VariantsSizesIcon button
React · CSS
Origin & adaptation notes

Adapts the TukiMate design system Button (components/ui/button.tsx): six variants, four text sizes plus an icon pair, and a disabled state that swaps in dedicated muted colors instead of fading with opacity. Brand hex values are replaced with the gallery semantic tokens so every preset repaints the buttons in both light and dark; interactions only update a local status line.

Curated adaptation. Synthetic data only. No production APIs.

PreviousInline selectNextSave & sync buttons
Built with intention. Shared with the team.GauchoCode UI Gallery ✳