#Basic usage
chip/basic.vue
<script setup lang="ts">
import { Chip } from "@bysages/vue";
</script>
<template>
<div class="flex gap-6 items-center">
<span class="relative inline-flex">
Inbox
<Chip :value="8" />
</span>
</div>
</template>
#Props
#Chip
A counting coin: the numeric value, capped at max with an ellipsis
of the remainder ("99+").
| Prop | Type | Default | Description |
|---|
value | Number | | — |
max | Number | undefined | — |
tone | String | "ink" | — |
variant | String | "solid" | — |