Components
Loading preview...
Here is Eclipse Button component
@iamsatish4564
npx shadcn@latest add https://21st.dev/r/iamsatish4564/eclipse-button'use client';
import * as React from 'react';
import { EclipseButton } from '@/components/ui/eclipse-button';
import { Save } from 'lucide-react';
export default function EclipseButtonLoading() {
const [isLoading, setIsLoading] = React.useState(false);
const handleClick = () => {
setIsLoading(true);
setTimeout(() => setIsLoading(false), 2500);
};
return (
<div className="p-8 flex items-center justify-center bg-neutral-50 dark:bg-neutral-900">
<EclipseButton
onClick={handleClick}
isLoading={isLoading}
text={isLoading ? "Saving Changes..." : "Save Changes"}
leftIcon={!isLoading && <Save className="w-4 h-4" />}
/>
</div>
);
}