Cannot use certain pack on iconify
CompileConnected opened this issue · 3 comments
CompileConnected commented
So i wrap the icon into component
---
import { Icon } from "astro-icon";
export interface Props {
title: string;
navigateTo: string;
iconName: string;
}
const { title, navigateTo, iconName } = Astro.props;
---
<a
href={"#" + navigateTo}
class="flex flex-col items-center justify-center group"
>
<Icon
class="w-8 h-8 mb-1 text-gray-500 group-hover:text-blue-600"
name={iconName}
/>
<span class="text-sm group-hover:text-blue-600">{title}</span>
</a>
when i use it like this
<BottomItem title="Home" navigateTo="home" iconName="mdi:home" />
<BottomItem title="Profile" navigateTo="profile" iconName="mdi:account" />
<BottomItem
title="Story"
navigateTo="story"
iconName="ic:baseline-edit"
/>
<BottomItem title="Gallery" navigateTo="gallery" iconName="solar:gallery-linear" />
<BottomItem title="Wallet" navigateTo="wallet" iconName="uil:wallet" />
<BottomItem title="Test" navigateTo="test" iconName="mdi:power" />
Error: Not Found: pack "solar"
but it is available on iconify
CompileConnected commented
CompileConnected commented
Sorry wrong git
NikolaRHristov commented
No problem!