Components
Loading preview...
Reaction component for making a stunning reaction. Easily.
npx shadcn@latest add https://21st.dev/r/shutock/reactionimport { Reaction } from "@/components/ui/reaction"
export const Demo: React.FC = () => {
return (
<section className="grid place-items-center absolute inset-4">
<div className="flex p-2 bg-white/5 rounded-full w-fit ring-inset ring-1 ring-white/10">
{["🔥", "💩"].map((symbol) => (
<Reaction
key={symbol} // do not use same symbol for multiple reactions
className="grid place-items-center w-12 aspect-square rounded-full text-2xl select-none relative"
{...{ symbol }}
/>
))}
</div>
</section>
);
};