diff --git a/README.md b/README.md index d11dfd3e7..c509c2041 100644 --- a/README.md +++ b/README.md @@ -122,7 +122,19 @@ Vue components available through [`@tabler/icons-vue`](https://www.npmjs.com/pac ```vue ``` +or with ` + + +``` + For more details, see the [documentation](https://github.com/tabler/tabler-icons/tree/master/packages/icons-vue). diff --git a/packages/icons-vue/README.md b/packages/icons-vue/README.md index 7466513d6..33626fd72 100644 --- a/packages/icons-vue/README.md +++ b/packages/icons-vue/README.md @@ -52,7 +52,19 @@ All icons are Vue components that contain SVG elements. So any icon can be impor ```vue ``` -You can pass additional props to adjust the icon. +or with ` + + +``` + +You can pass additional attribute `stroke-width="1"` alongside the props to adjust the icon. ```html - + ``` ### Props @@ -77,7 +102,7 @@ You can pass additional props to adjust the icon. | ------------- | -------- | ------------ | | `size` | _Number_ | 24 | | `color` | _String_ | currentColor | -| `stroke` | _Number_ | 2 | +| `strokeWidth` | _Number_ | 2 | ## Contributing diff --git a/packages/icons-vue/src/createVueComponent.js b/packages/icons-vue/src/createVueComponent.js index 00989a94c..baa74cd38 100644 --- a/packages/icons-vue/src/createVueComponent.js +++ b/packages/icons-vue/src/createVueComponent.js @@ -2,7 +2,7 @@ import { h } from 'vue'; import defaultAttributes from './defaultAttributes'; const createVueComponent = (iconName, iconNamePascal, iconNode) => ( - { size, color, stroke, ...props }, + { size, color, strokeWidth, ...props }, { attrs, slots } ) => { return h( @@ -12,7 +12,7 @@ const createVueComponent = (iconName, iconNamePascal, iconNode) => ( width: size || defaultAttributes.width, height: size || defaultAttributes.height, stroke: color || defaultAttributes.stroke, - strokeWidth: stroke || defaultAttributes['stroke-width'], + 'stroke-width': strokeWidth || defaultAttributes['stroke-width'], ...attrs, class: ['tabler-icon', `tabler-icon-${iconName}`, attrs?.class || ''], ...props, diff --git a/src/_icons/device-game-pad.svg b/src/_icons/device-gamepad-3.svg similarity index 100% rename from src/_icons/device-game-pad.svg rename to src/_icons/device-gamepad-3.svg diff --git a/src/_icons/exclamation-circle.svg b/src/_icons/exclamation-circle.svg index f1873c463..d23b0d0ce 100644 --- a/src/_icons/exclamation-circle.svg +++ b/src/_icons/exclamation-circle.svg @@ -1,5 +1,5 @@ --- -tags: [warring, error, shape, caution, alert] +tags: [warning, error, shape, caution, alert] unicode: "f634" version: "1.117" --- diff --git a/tags.json b/tags.json index 36fa9cbe9..e1af0cb86 100644 --- a/tags.json +++ b/tags.json @@ -10649,7 +10649,7 @@ "color-filter": { "name": "color-filter", "category": "Design", - "tags": ["color", "filter", "hue", "brightness", "effects", "sotring", "tools", "icon", "stroke", "outline"], + "tags": ["color", "filter", "hue", "brightness", "effects", "sorting", "tools", "icon", "stroke", "outline", "circles"], "version": "1.110", "unicode": "f5a8" },