Provides a data driven checkbox input w/ label.

--tjs-input-appearance
--tjs-input-border
--tjs-input-border-radius
--tjs-input-border-disabled
--tjs-input-box-shadow-focus
--tjs-input-box-shadow-focus-visible
--tjs-input-cursor
--tjs-input-cursor-disabled
--tjs-input-flex
--tjs-input-outline-focus-visible
--tjs-input-outline-offset
--tjs-input-transition-focus-visible
--tjs-input-transition-hover

--tjs-input-checkbox-appearance
--tjs-input-checkbox-background
--tjs-input-checkbox-border
--tjs-input-checkbox-border-radius
--tjs-input-checkbox-border-disabled
--tjs-input-checkbox-box-shadow-focus
--tjs-input-checkbox-box-shadow-focus-visible
--tjs-input-checkbox-cursor
--tjs-input-checkbox-cursor-disabled
--tjs-input-checkbox-diameter
--tjs-input-checkbox-flex
--tjs-input-checkbox-height
--tjs-input-checkbox-outline-hover
--tjs-input-checkbox-outline-focus-visible
--tjs-input-checkbox-outline-offset
--tjs-input-checkbox-transition-focus-visible
--tjs-input-checkbox-transition-hover
--tjs-input-checkbox-width
Hierarchy
  • SvelteComponent<
        {
            efx?: any;
            enabled?: any;
            input?: any;
            label?: any;
            readonly?: any;
            store?: any;
            styles?: any;
        },
        { pointerdown: PointerEvent } & { [evt: string]: CustomEvent<any> },
        {},
    >

Indexable

  • [prop: string]: any
Index
  • Parameters

    • options: ComponentConstructorOptions<
          {
              efx?: any;
              enabled?: any;
              input?: any;
              label?: any;
              readonly?: any;
              store?: any;
              styles?: any;
          },
      >

    Returns TJSInputCheckbox

  • Type Parameters

    • K extends string

    Parameters

    Returns () => void