Checkout Interaction
Checkout Interaction with NumberFlow animations.
Air Max 90
Running$129.99•Black/White
Ultra Boost
Performance$179.99•Grey/Blue
Classic Trainer
Casual$89.99•White/Red
Cart (0)
Total$0.00$0.00
Motion
@number-flow/react
Installation
npm install motion @number-flow/reactUsage
import CheckoutInteraction from "@/components/xui/checkout-interaction";
export function MyComponent() {
return (
<div className="w-full max-w-md">
<CheckoutInteraction />
</div>
);
}Props
This component has no configurable props.
Dependencies
This component requires the following packages:
motion(framer-motion)@number-flow/react