Components
Loading preview...
Here is Prime Button component
@iamsatish4564
npx shadcn@latest add https://21st.dev/r/iamsatish4564/prime-button'use client';
import { useState } from 'react';
import { PrimeButton } from '@/components/ui/prime-button';
export default function DemoPrimeButtonBasic() {
const [status, setStatus] = useState<'idle' | 'loading' | 'success' | 'error'>('idle');
const handleClick = () => {
setStatus('loading');
// Simulate an async API call
setTimeout(() => {
setStatus('success');
}, 2000);
};
return (
<div className="flex min-h-[200px] w-full items-center justify-center rounded-lg border border-dashed bg-background p-8">
<PrimeButton
actionState={status}
onClick={handleClick}
className="w-40"
>
Save Changes
</PrimeButton>
</div>
);
}