Usage no npm install needed!

<script type="module">
  import chameleonDsChip from 'https://cdn.skypack.dev/@chameleon-ds/chip';
</script>

README

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