Skip to content

Commit 8c3b55a

Browse files
authored
docs(studio): iconLibraries option in editor schema def
1 parent 5ac31da commit 8c3b55a

File tree

2 files changed

+17
-7
lines changed

2 files changed

+17
-7
lines changed

docs/content/docs/1.getting-started/2.installation.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,8 +67,6 @@ You can choose to install `better-sqlite3` or `sqlite3` package.
6767

6868
:br
6969

70-
71-
7270
If you don't want to install any package, you can use native SQLite from Node.js\@v22.5.0 or newer.
7371
Checkout [`experimental.nativeSqlite` configuration](/docs/getting-started/configuration#experimentalnativesqlite-deprecated-use-sqliteconnector).
7472
::

docs/content/docs/9.studio/3.content.md

Lines changed: 17 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -116,11 +116,15 @@ The visual editor simplifies the component edition, allowing you to integrate an
116116

117117
:video{autoplay controls loop src="https://res.cloudinary.com/nuxt/video/upload/v1744126742/studio/finalpropscomps_usfabp.mp4"}
118118

119-
120-
121119
All components in the `/components/content` folder are available in the editor. Studio users can type `/` anywhere while editing to access the list of available components.
122120

123-
:tip[Take a look at this section to validate your `Vue` component integration in the editor in local development.]{to="/docs/studio/debug"}
121+
:::tip{to="/docs/studio/debug"}
122+
Take a look at this section to validate your
123+
124+
`Vue`
125+
126+
component integration in the editor in local development.
127+
:::
124128
::
125129

126130
#### Integrate built-in components from external libraries
@@ -220,7 +224,11 @@ This allows you to define custom inputs or hide fields.
220224
#### Usage
221225

222226
```ts [content.config.ts]
223-
mainScreen: z.string().editor({ input: 'media' })
227+
// Icon
228+
icon: z.string().editor({ input: 'icon', iconLibraries: ['lucide', 'simple-icons'] })
229+
230+
// Media
231+
image: z.string().editor({ input: 'media' })
224232
```
225233

226234
#### Options
@@ -229,7 +237,11 @@ mainScreen: z.string().editor({ input: 'media' })
229237

230238
You can set the editor input type. Currently `icon` and `media` are available.
231239

232-
##### `hidden: Boolean`
240+
##### `iconLibraries: Array<string>`
241+
242+
Specifies which [Iconify](https://icones.js.org/) libraries to display. Use this option to filter and limit the available icon sets.
243+
244+
`hidden: Boolean`
233245

234246
This option can be set to avoid the display of a field in the Studio editor.
235247

0 commit comments

Comments
 (0)