<template>
  <div class="q-mb-sm">
    <!-- Etichetta / Titolo -->
    <div class="text-subtitle2 text-primary text-weight-medium q-mb-xs">
      {{ label }}
    </div>

    <!-- Chips come valori -->
    <div class="q-gutter-sm row wrap">
      <q-chip
        v-for="(rec, index) in myarrvalues"
        :key="index"
        :dense="dense"
        class="shadow-1 q-px-sm"
        :color="rec.color || 'primary'"
        text-color="white"
        :icon="rec.icon || undefined"
        style="border-radius: 10px;"
      >
        {{ rec.label }}
      </q-chip>
    </div>
  </div>
</template>

<script lang="ts" src="./CMyChipList.ts">
</script>

<style lang="scss" scoped>
@import './CMyChipList.scss';
</style>
