Todos os componentes

Button Hover14

Button Hover14 é um componente de sobreposição para React e Tailwind CSS, da biblioteca UI Layouts, com licença MIT. Copia e cola no teu projeto.

UI Layouts MIT overlays

O que é

Button Hover14 é um componente de sobreposição para React e Tailwind CSS, da biblioteca UI Layouts, 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.

Abrir no catálogo

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 UI Layouts e é redistribuído sob a licença MIT, que permite uso comercial. O aviso de copyright viaja com o código.

Button Hover14

./registry/components/button/btn-hover14.tsx
'use client';

import { ArrowRight } from 'lucide-react';

const ButtonHover14 = () => {
  return (
    <>
      <button className='group cursor-pointer slide-anime px-5 py-3 rounded-full w-[180px] shadow bg-primary-base text-primary flex justify-between items-center font-semibold '>
        Schedule Call{' '}
        <div className='group-hover:translate-x-2 transition-all'>
          <ArrowRight />
        </div>
      </button>
    </>
  );
};

export default ButtonHover14;

Componentes parecidos