A compact tag component for displaying labels with optional icons

Basic Usage

With Icon

• Base styling with Tailwind:
  Core Structure

  .pu-tag--default {
    @apply w-fit px-2 text-sm py-1 rounded-lg;
    @apply flex justify-between gap-2 items-center;
    @apply border-2 border-primary-light-500 bg-primary-dark-50;
  }
  

• Icon styling:
  Icon Styles

  .cursor-pointer {
    @apply hover:opacity-80 transition-opacity;
  }