arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-29 11:20:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(icons): add warning about dash collections in vue (#4307)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Estéban
2025-07-01 18:00:12 +02:00
committed by GitHub
parent f903ec396f
commit 15482aae76
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/content/1.getting-started/4.icons/2.vue.md
View File

@@ -32,6 +32,12 @@ props:
You can use any name from the <https://icones.js.org> collection. You can use any name from the <https://icones.js.org> collection.
:: ::
::warning
When using collections with a dash (`-`), you need to separate the icon name from the collection name with a colon (`:`) as `@iconify/vue` does not handle this case like `@nuxt/icon`. For example, instead of `i-simple-icons-github` you need to write `i-simple-icons:github` or `simple-icons:github`.
Learn more about the [Iconify naming convention](https://iconify.design/docs/icon-components/vue/#icon).
::
### Component Props ### Component Props
Some components also have an `icon` prop to display an icon, like the [Button](/components/button) for example: Some components also have an `icon` prop to display an icon, like the [Button](/components/button) for example: