Stripe Button

Smooth animated button crafted with refined glow and modern motion.

Loading...

Installation

npx shadcn@latest add @scrollxui/stripe-button 

Usage

import { StripeButton } from '@/components/ui/stripe-button';
<StripeButton className='italic'>Enter the Arena!</StripeButton>

Examples


Compact

Loading...

Size

Loading...

Icon

Loading...

Animation

Loading...

API Reference

Stripe Button

Smooth animated button crafted with refined glow and modern motion.

Props

PropertyTypeDefaultDescription
childrenReact.ReactNode
Content displayed inside the button, typically text or icons.
stripesSpeednumber500
Duration (in ms) for the diagonal stripe background shift on hover.
variant"default" | "compact""default"
Controls internal padding style. compact keeps height full with tighter layout.
size"default" | "sm" | "lg" | "icon""default"
Defines button height and padding. icon creates a square icon-only button.
classNamestring
Additional Tailwind or custom classes applied to the outer button wrapper.
onClick() => void
Callback fired when the button is clicked.
disabledbooleanfalse
Disables the button and prevents user interaction.

Built withby Ahdeetai.