export function BotaoMenuLink(props: Props) {
return (
<>
<div className="">
<a type="button" onClick={BotaoToggli} className="bg-blue-700 hover:bg-blue-800 h-10 w-10 rounded-full " >
<div className="flex pt-3"></div>
</a>
</div>
</>
);
}
e esta é a função
export function BotaoToggli(props: Props) {
return (
<>
<div className="px-2 pt-2 pb-4">
<a className="block px-2 py-1 text-white font-semibold rounded hover:bg-gray-800">List your property</a>
<a className="mt-1 block px-2 py-1 text-white font-semibold rounded hover:bg-gray-800">Trips</a>
<a className="mt-1 block px-2 py-1 text-white font-semibold rounded hover:bg-gray-800">Messages</a>
</div>
</>
);
}
Gostaria - resumidamente - chamar a div
de baixo ao clicar na div
de cima. Parecido com o Toggle, mas, eu não sei como fazer a referida função em type Script, apenas html no React. Isso são componentes do react que eu estou aprendendo a fazer. Dicas de como melhorar esse componente são bem vindas.Semelhante a essa imagem.
onClick
de uma âncora. Você quer que apareça/suma oBotaoToggli
sempre que clicar na âncora?