@remixicon/vue 0.0.1 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -8
- package/README_CN.md +14 -8
- package/index.js +2 -2
- package/package.json +4 -4
- package/index.d.ts +0 -85479
- package/index.mjs +0 -5
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
[](https://remixicon.com)
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/remixicon)
|
|
4
4
|
[](https://www.npmjs.com/package/@remixicon/vue)
|
|
@@ -8,9 +8,11 @@
|
|
|
8
8
|
|
|
9
9
|
English | [简体中文](./README_CN.md)
|
|
10
10
|
|
|
11
|
+
Remix Icon For Vue3
|
|
12
|
+
|
|
11
13
|
Remix Icon is a set of open-source neutral-style system symbols for designers and developers. Unlike a patchwork icon library, 2600+ icons are all elaborately crafted so that they are born with the gene of readability, consistency and perfect pixels. Each icon was designed in "Outlined" and "Filled" styles based on a 24x24 grid. Of course, all the icons are free for both personal and commercial use.
|
|
12
14
|
|
|
13
|
-
[](https://remixicon.com)
|
|
14
16
|
View the full set of Remix Icons at [remixicon.com](https://remixicon.com).
|
|
15
17
|
|
|
16
18
|
## Installation
|
|
@@ -25,12 +27,16 @@ pnpm install @remixicon/vue
|
|
|
25
27
|
|
|
26
28
|
## Usage
|
|
27
29
|
|
|
28
|
-
```
|
|
29
|
-
<script setup lang="ts">
|
|
30
|
+
```jsx
|
|
30
31
|
import { RiHeartFill } from '@remixicon/vue'
|
|
31
|
-
</script>
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
const MyComponent = () => {
|
|
34
|
+
return (
|
|
35
|
+
<RiHeartFill
|
|
36
|
+
size={36} // set custom `width` and `height`
|
|
37
|
+
color="red" // set `fill` color
|
|
38
|
+
className="my-icon" // add custom class name
|
|
39
|
+
/>
|
|
40
|
+
)
|
|
41
|
+
}
|
|
36
42
|
```
|
package/README_CN.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
[](https://remixicon.com)
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/remixicon)
|
|
4
4
|
[](https://www.npmjs.com/package/@remixicon/vue)
|
|
@@ -8,9 +8,11 @@
|
|
|
8
8
|
|
|
9
9
|
[English](./README.md) | 简体中文
|
|
10
10
|
|
|
11
|
+
Remix Icon For Vue3
|
|
12
|
+
|
|
11
13
|
Remix Icon 是一套面向设计师和开发者的开源图标库。我们在设计之初将图标风格定义为中性风格，以便适用于各种用户群的项目。与拼凑混搭的图标库不同，Remix Icon 的每一枚图标都是由设计师按照统一规范精心绘制的，并确保每一枚图标在拥有完美像素对齐的基础上风格一致且简洁易读。图标以 24x24 网格为基准，分为“线性图标”和“面型图标”两种风格。所有的图标均可免费用于个人项目和商业项目，Enjoy it~
|
|
12
14
|
|
|
13
|
-
[](https://remixicon.com)
|
|
14
16
|
前往官网查看整套图标库 [remixicon.com](https://remixicon.com).
|
|
15
17
|
|
|
16
18
|
## 安装
|
|
@@ -25,12 +27,16 @@ pnpm install @remixicon/vue
|
|
|
25
27
|
|
|
26
28
|
## 使用
|
|
27
29
|
|
|
28
|
-
```
|
|
29
|
-
<script setup lang="ts">
|
|
30
|
+
```jsx
|
|
30
31
|
import { RiHeartFill } from '@remixicon/vue'
|
|
31
|
-
</script>
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
const MyComponent = () => {
|
|
34
|
+
return (
|
|
35
|
+
<RiHeartFill
|
|
36
|
+
size={36} // 设置大小
|
|
37
|
+
color="red" // 设置颜色
|
|
38
|
+
className="my-icon" // 添加自定义样式名
|
|
39
|
+
/>
|
|
40
|
+
)
|
|
41
|
+
}
|
|
36
42
|
```
|