@chameleon-ds/chip

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>
`;