Chip & ChipGroup

import '@bluui/web/styles.css'

import { createChip } from "@bluui/web";
export function mount(host: HTMLElement) {
  const output = document.createElement("p");
  host.append(output);
  const chip = createChip(
    host,
    {
      Label: "Priority",
      Color: "Primary",
      IsSelectable: true,
      IsRemovable: true,
    },
    {
      SelectionChanged: (selected) => {
        output.textContent = `Selected: ${selected}`;
      },
      Removed: () => {
        output.textContent = "Chip removed.";
      },
    },
  );
  return {
    destroy() {
      chip.destroy();
      output.remove();
    },
  };
}

const instance = mount(document.getElementById('example')!)

// When this page or framework component is removed:
// instance.destroy()