tel:num on Link Tag weird browser behavior
Unanswered
Sun bear posted this in #help-forum
Original message was deleted.
1 Reply
Sun bear
Here's the code
const contactLinks: MenuItem[] = [
{
name: '044-764-6776',
link: 'tel:044-764-6776',
icon: <FaPhoneAlt />,
target: '_blank',
rel: 'noopener noreferrer'
},
]
<ul className="flex flex-col gap-[6px] pt-2">
{
contactLinks?.map((link: MenuItem) => (
<li className="flex" key={`contact-item-${link.name}`}>
{
<Link className="flex flex-row gap-2 items-center text-[15px] font-poppins text-secondary-light-content hover:underline" href={link.link}>
<span className="text-primary-light">
{link.icon}
</span>
<p>
{link.name}
</p>
</Link>
}
</li>
))
}
</ul>