<template>
  <div class="d-flex flex-wrap gap-4">
    <VChip variant="outlined">
      Default
    </VChip>

    <VChip
      variant="outlined"
      color="primary"
    >
      Primary
    </VChip>

    <VChip
      variant="outlined"
      color="secondary"
    >
      Secondary
    </VChip>

    <VChip
      variant="outlined"
      color="success"
    >
      Success
    </VChip>

    <VChip
      variant="outlined"
      color="warning"
    >
      Warning
    </VChip>

    <VChip
      variant="outlined"
      color="info"
    >
      Info
    </VChip>

    <VChip
      variant="outlined"
      color="error"
    >
      Error
    </VChip>
  </div>
</template>
