Leptos Heroicons

Heroicons 组件用于 Leptos

使用方法

对于您想要使用的每个图标，您需要为这些组件添加一个功能标志。只有您指定的图标将被编译到您的应用程序中。

leptos_heroicons = { version = "0.1.0", features = [
    "24-solid-power",
    "24-outline-wrench",
    "20-solid-credit-card"
]}

您也可以通过指定 size-type 功能来包含特定类型的所有图标

leptos_heroicons = { version = "0.1.0", features = [
    "24-solid",
    "24-outline",
    "20-solid"
]}

在您的 Leptos 应用中

use leptos::*;
use leptos_heroicons::size_24::solid::Power;

#[component]
fn UnlimitedPower(cx: Scope) -> impl IntoView {
    view! { cx,
        <Power />
    }
}

灵感/致谢

• Heroicons
• Relm4 Icons
• Yew Heroicons.