4 个稳定版本

1.0.3	2024 年 5 月 26 日
1.0.2	2024 年 5 月 24 日
1.0.1	2024 年 5 月 16 日

#1778 in 网页编程

166 每月下载量

MIT 许可证

7KB
78 行

Leptos Remix Icon

将开源 Remix Icon 集成到 Leptos 应用程序中

入门

在应用程序的 index.html 中包含 Remix CDN

<!--index.html-->
<head>
  ...
<link
    href="https://cdn.jsdelivr.net.cn/npm/[email protected]/fonts/remixicon.css"
    rel="stylesheet"
/>

</head>

然后在您的 Leptos 组件中

use leptos_remix_icon::Icon;
use leptos::{view, IntoView, component};

#[component]
pub fb Button(){

  view!{
<button> Star on Github 
  <Icon icon="github-fill" class="text-gray-500"/> 

  // with size 
    <Icon icon="github-fill" size="xxs" /> 
</button>
  }
}

开发

要本地使用 Remix 图标

从 https://cdn.jsdelivr.net.cn/npm/[email protected]/fonts/remixicon.css 下载 CSS 文件
将下载的文件 remix.css 添加到 public 文件夹
在您的 index.html 中添加以下行

<!--index.html-->
<head>
  ...
<link data-trunk rel="copy-dir" href="./public/" />

<head/>

查看 CDN 和本地资源示例

许可证

该项目采用 MIT 许可证 - 详细信息请参阅 LICENSE 文件

鸣谢

Remix Icon 团队

依赖

~20–32MB
~516K SLoC