Chameleon Chip

import { html } from "@open-wc/demoing-storybook";
import "./chameleon-chip.js";

export default {
  title: "Components|Data and Visualizations/Chip",
  component: "chameleon-chip",
  options: { selectedPanel: "storybookjs/docs/panel" },
};

Properties

| Property Name | Type(s) | Default Value | Description | | ------------- | ------- | ------------- | ------------------------------------- | | closeable | Boolean | false | Whether or not the chip can be closed | | value | String | "" | The chip's value |

Examples

Default

export const Default = () => html` <chameleon-chip>Filter</chameleon-chip> `;

Closeable

export const Closeable = () => html`
  <chameleon-chip closeable>Filter</chameleon-chip>
`;