Prime Button

Buttons 63

About

Here is Prime Button component

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Prime Button to your project and fits it to your theme.

Code

How Prime Button is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

'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>
);
}