mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-23 08:20:39 +01:00
feat(theme)!: migrate from heroicons to lucide (#2540)
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
@@ -163,7 +163,7 @@ Ensure to pass an array to the `default-value` prop or the `v-model` directive.
|
||||
|
||||
### Delete Icon
|
||||
|
||||
With `multiple`, use the `delete-icon` prop to customize the delete [Icon](/components/icon) in the badges. Defaults to `i-heroicons-x-mark-20-solid`.
|
||||
With `multiple`, use the `delete-icon` prop to customize the delete [Icon](/components/icon) in the badges. Defaults to `i-lucide-x`.
|
||||
|
||||
::component-code
|
||||
---
|
||||
@@ -180,7 +180,7 @@ props:
|
||||
- Backlog
|
||||
- Todo
|
||||
multiple: true
|
||||
deleteIcon: 'i-heroicons-trash'
|
||||
deleteIcon: 'i-lucide-trash'
|
||||
items:
|
||||
- Backlog
|
||||
- Todo
|
||||
@@ -370,7 +370,7 @@ external:
|
||||
- modelValue
|
||||
props:
|
||||
modelValue: 'Backlog'
|
||||
icon: 'i-heroicons-magnifying-glass'
|
||||
icon: 'i-lucide-search'
|
||||
size: md
|
||||
items:
|
||||
- Backlog
|
||||
@@ -382,7 +382,7 @@ props:
|
||||
|
||||
### Trailing Icon
|
||||
|
||||
Use the `trailing-icon` prop to customize the trailing [Icon](/components/icon). Defaults to `i-heroicons-chevron-down-20-solid`.
|
||||
Use the `trailing-icon` prop to customize the trailing [Icon](/components/icon). Defaults to `i-lucide-chevron-down`.
|
||||
|
||||
::component-code
|
||||
---
|
||||
@@ -395,7 +395,7 @@ external:
|
||||
- modelValue
|
||||
props:
|
||||
modelValue: 'Backlog'
|
||||
trailingIcon: 'i-heroicons-arrow-small-down-20-solid'
|
||||
trailingIcon: 'i-lucide-arrow-down'
|
||||
size: md
|
||||
items:
|
||||
- Backlog
|
||||
@@ -411,7 +411,7 @@ You can customize this icon globally in your `app.config.ts` under `ui.icons.che
|
||||
|
||||
### Selected Icon
|
||||
|
||||
Use the `selected-icon` prop to customize the icon when an item is selected. Defaults to `i-heroicons-check-20-solid`.
|
||||
Use the `selected-icon` prop to customize the icon when an item is selected. Defaults to `i-lucide-check`.
|
||||
|
||||
::component-code
|
||||
---
|
||||
@@ -424,7 +424,7 @@ external:
|
||||
- modelValue
|
||||
props:
|
||||
modelValue: 'Backlog'
|
||||
selectedIcon: 'i-heroicons-fire'
|
||||
selectedIcon: 'i-lucide-flame'
|
||||
size: md
|
||||
items:
|
||||
- Backlog
|
||||
@@ -491,7 +491,7 @@ props:
|
||||
|
||||
### Loading Icon
|
||||
|
||||
Use the `loading-icon` prop to customize the loading icon. Defaults to `i-heroicons-arrow-path-20-solid`.
|
||||
Use the `loading-icon` prop to customize the loading icon. Defaults to `i-lucide-refresh-ccw`.
|
||||
|
||||
::component-code
|
||||
---
|
||||
@@ -505,7 +505,7 @@ external:
|
||||
props:
|
||||
modelValue: 'Backlog'
|
||||
loading: true
|
||||
loadingIcon: 'i-heroicons-arrow-path-rounded-square'
|
||||
loadingIcon: 'i-lucide-repeat-2'
|
||||
items:
|
||||
- Backlog
|
||||
- Todo
|
||||
|
||||
Reference in New Issue
Block a user