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

feat(Chip): new component (#886)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Conner Blanton
2023-11-19 06:04:07 -06:00
committed by GitHub
parent 6cc77a3e6c
commit d4f1b5ef82
8 changed files with 317 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/components/content/examples/ChipExampleShow.vue Normal file
View File

@@ -0,0 +1,19 @@
<script setup>
const items = [{
name: 'messages',
icon: 'i-heroicons-chat-bubble-oval-left',
count: 3
}, {
name: 'notifications',
icon: 'i-heroicons-bell',
count: 0
}]
</script>
<template>
<div class="flex gap-3">
<UChip v-for="{ name, icon, count } in items" :key="name" :show="count > 0">
<UButton :icon="icon" color="gray" />
</UChip>
</div>
</template>