Components
Rocket button
When a user clicks the button, a small rocket icon appears from within the button and flies upward in a slight arc, leaving behind a trail of stylized exhaust particles that gradually fade. The animation creates a sense of something being "launched" or "sent" when the button is activated.
"use client"
import * as React from "react"
import { RocketButton } from "@/components/ui/rocket-button"
const SomeParentComponent = () => {
return (
<div className="my-container">
<h1>My Amazing App</h1>
{/* Use the RocketButton component */}
<RocketButton />
{/* Other content */}
</div>
);
};
export default SomeParentComponent;