Button Component Test

Testing all button variants, sizes, and icon combinations

Shadcn Variants

Relume Variants

Sizes

With Icons (Left)

With Icons (Right)

With asChild (Next.js Link)

Home About Us Features

States

Full Width

Implementation Notes

✅ Shadcn variants: default, destructive, outline, secondary, ghost, link
✅ Relume variants: primary, tertiary, link-alt
✅ Sizes: sm, default, lg, icon
✅ Icon support: iconLeft, iconRight props
✅ Slottable pattern for asChild compatibility
✅ Works with Next.js Link component
✅ Disabled state support
✅ Full width via className