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

chore: add leading and trailing slots

Browse Source 
Resolves #246
This commit is contained in:
Benjamin Canac
2023-05-31 23:53:31 +02:00
parent 5ea43ab4e4
commit e05619f8c8
4 changed files with 55 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/runtime/components/elements/Button.vue
View File

@@ -5,13 +5,19 @@
:aria-label="ariaLabel"
v-bind="buttonProps"
>
<UIcon v-if="isLeading && leadingIconName" :name="leadingIconName" :class="leadingIconClass" aria-hidden="true" />
<slot name="leading" :disabled="disabled" :loading="loading">
<UIcon v-if="isLeading && leadingIconName" :name="leadingIconName" :class="leadingIconClass" aria-hidden="true" />
</slot>
<slot>
<span v-if="label" :class="[truncate ? 'text-left break-all line-clamp-1' : '']">
{{ label }}
</span>
</slot>
<UIcon v-if="isTrailing && trailingIconName" :name="trailingIconName" :class="trailingIconClass" aria-hidden="true" />
<slot name="trailing" :disabled="disabled" :loading="loading">
<UIcon v-if="isTrailing && trailingIconName" :name="trailingIconName" :class="trailingIconClass" aria-hidden="true" />
</slot>
</component>
</template>