Radial Circles Transition
Radial Circles Transition é um componente para React e Tailwind CSS, da biblioteca SmoothUI, com licença MIT. Copia e cola no teu projeto.
SmoothUI
MIT
other
O que é
Radial Circles Transition é um componente para React e Tailwind CSS, da biblioteca SmoothUI, com licença MIT. Copia e cola no teu projeto.
Como usar
Abre o componente no catálogo, carrega em copiar, e cola no teu projeto. O prompt copiado leva o código e as regras para o teu agente o reproduzir sem alterar nada.
Cinco cópias grátis por mês. Sem cartão.
Não precisa de pacotes além do que o projeto já tem
Licença
Este componente vem de SmoothUI e é redistribuído sob a licença MIT, que permite uso comercial. O aviso de copyright viaja com o código.
Radial Circles Transition
"use client";
import type { ReactNode } from "react";
import SdfBlobTransition from "../sdf-blob-transition";
export interface RadialCirclesTransitionProps {
children: ReactNode;
className?: string;
duration?: number;
onRest?: () => void;
transitionKey: string | number;
}
const RadialCirclesTransition = ({
children,
className,
duration = 1120,
onRest,
transitionKey,
}: RadialCirclesTransitionProps) => (
<SdfBlobTransition
className={className}
duration={duration}
onRest={onRest}
transitionKey={transitionKey}
variant="radial"
>
{children}
</SdfBlobTransition>
);
export default RadialCirclesTransition;