@neu-ui/web-components/dist/src/components/checkbox/checkbox.template.es.js

A Neumorphic web component library built with @microsoft/fast-element and Vite using javascript

import { html as s } from "@microsoft/fast-element";
const o = s`
  <slot name="label"></slot>
  <div
    class="checkbox-wrapper"
    part="checkbox-wrapper"
    ?disabled="${(e) => e.disabled}"
  >
    <slot name="start"></slot>
    <input
      type="checkbox"
      class="checkbox"
      part="checkbox"
      :checked="${(e) => e.checked}"
      id="${(e) => e.id}"
      ?disabled="${(e) => e.disabled}"
      size="${(e) => e.size}"
      aria-checked="${(e) => e.ariaChecked}"
      @change="${(e, c) => e.handleChange(c.event)}"
    />
    <svg
      class="tick-icon"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 448 512"
    >
      <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
      <path
        d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"
      />
    </svg>
    <slot name="end"></slot>
  </div>
`;
export {
  o as template
};