mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
20 lines
398 B
Vue
20 lines
398 B
Vue
<script setup lang="ts">
|
|
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>
|