arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-19 14:31:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(Accordion): add trailingIcon prop

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-17 16:14:47 +02:00
parent c36bae4b21
commit fc3d42d5ea
3 changed files with 216 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/runtime/components/Accordion.vue
View File

@@ -13,6 +13,7 @@ const accordion = tv({ extend: tv(theme), ...(appConfig.ui?.accordion || {}) })
export interface AccordionItem {
label?: string
icon?: IconProps['name']
trailingIcon?: IconProps['name']
slot?: string
value?: string
content?: string
@@ -21,6 +22,7 @@ export interface AccordionItem {
export interface AccordionProps<T> extends Omit<AccordionRootProps, 'asChild' | 'dir' | 'orientation'> {
items?: T[]
trailingIcon?: IconProps['name']
content?: Omit<AccordionContentProps, 'asChild'>
class?: any
ui?: Partial<typeof accordion.slots>
@@ -75,7 +77,7 @@ const ui = computed(() => tv({ extend: accordion, slots: props.ui })({ disabled:
</span>
<slot name="trailing" :item="item" :index="index">
<UIcon :name="appConfig.ui.icons.chevronDown" :class="ui.trailingIcon()" />
<UIcon :name="item.trailingIcon || trailingIcon || appConfig.ui.icons.chevronDown" :class="ui.trailingIcon()" />
</slot>
</slot>
</AccordionTrigger>