Component Explorer
Browse, preview, and interact with all components in the @regen/ui design system. Switch between variants to see how each component adapts.
Button Component
Default
<Button variant="default" size="default" />Outline
<Button variant="outline" size="default" />Destructive
<Button variant="destructive" size="default" />Ghost
<Button variant="ghost" size="default" />Link
<Button variant="link" />Large
<Button variant="default" size="lg" />Small
<Button variant="default" size="sm" />Icon
<Button variant="default" size="icon" children="📌" />Interactive Preview
All components are fully interactive. Try clicking, hovering, and resizing to see responsive behavior. Check the code snippets to copy exact usage patterns.