arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-01 04:37:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs: theming icons with all param

Browse Source
This commit is contained in:
Benjamin Canac
2023-05-19 11:28:52 +02:00
parent 85b10ba4ee
commit 0b097352b4
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/content/1.getting-started/3.theming.md
View File

@@ -115,7 +115,7 @@ Search the icon you want to use on https://icones.js.org built by [@antfu](https
Unlike the official [nuxt-icon](https://github.com/nuxt-modules/icon/) module, this module will not fetch any icon from the web and will only bundle the icons you use in your app thanks to [egoist/tailwindcss-icons](https://github.com/egoist/tailwindcss-icons). Unlike the official [nuxt-icon](https://github.com/nuxt-modules/icon/) module, this module will not fetch any icon from the web and will only bundle the icons you use in your app thanks to [egoist/tailwindcss-icons](https://github.com/egoist/tailwindcss-icons).
However, you will need to install the icon packages you want to use. However, you will need to install either `@iconify/json` (full icon collections, 50MB) or the individual icon packages you want to use in your app.
::code-group ::code-group
@@ -133,6 +133,16 @@ pnpm i -D @iconify-json/{collection_name}
:: ::
When using `@iconify/json`, you can specifiy `icons: 'all'` in your `nuxt.config.ts` to use any icon in your app.
```ts [nuxt.config.ts]
export default defineNuxtConfig({
ui: {
icons: 'all'
}
})
```
You can easily replace all the default icons of the components in your `app.config.ts`. You can easily replace all the default icons of the components in your `app.config.ts`.
```ts [app.config.ts] ```ts [app.config.ts]