Class TJSInputNumber

A number input type.

CSS Variables:

--tjs-input-appearance
--tjs-input-background
--tjs-input-border
--tjs-input-border-radius
--tjs-input-border-disabled
--tjs-input-box-shadow-focus
--tjs-input-box-shadow-focus-visible
--tjs-input-caret-color
--tjs-input-color
--tjs-input-color-disabled
--tjs-input-cursor
--tjs-input-cursor-disabled
--tjs-input-flex
--tjs-input-font-family
--tjs-input-font-size
--tjs-input-height
--tjs-input-line-height
--tjs-input-padding
--tjs-input-placeholder-color
--tjs-input-outline-focus-visible
--tjs-input-outline-offset
--tjs-input-overflow
--tjs-input-text-align
--tjs-input-transition-focus-visible
--tjs-input-value-invalid-color
--tjs-input-width

--tjs-input-number-appearance
--tjs-input-number-background
--tjs-input-number-border
--tjs-input-number-border-radius
--tjs-input-number-border-disabled
--tjs-input-number-box-shadow-focus
--tjs-input-number-box-shadow-focus-visible
--tjs-input-number-caret-color
--tjs-input-number-color
--tjs-input-number-color-disabled
--tjs-input-number-cursor
--tjs-input-number-cursor-disabled
--tjs-input-number-flex
--tjs-input-number-font-family
--tjs-input-number-font-size
--tjs-input-number-height
--tjs-input-number-line-height
--tjs-input-number-outline-focus-visible
--tjs-input-number-outline-offset
--tjs-input-number-overflow
--tjs-input-number-padding
--tjs-input-number-placeholder-color
--tjs-input-number-text-align
--tjs-input-number-transition-focus-visible
--tjs-input-number-value-invalid-color
--tjs-input-number-width

Webkit unique variables:
--tjs-input-number-webkit-inner-spin-button-appearance
--tjs-input-number-webkit-inner-spin-button-opacity
--tjs-input-number-webkit-outer-spin-button-appearance
--tjs-input-number-webkit-outer-spin-button-opacity

Hierarchy

SvelteComponent<
    {
        efx?: any;
        enabled?: any;
        input?: any;
        label?: any;
        max?: any;
        min?: any;
        options?: any;
        placeholder?: any;
        readonly?: any;
        step?: any;
        store?: any;
        storeIsValid?: any;
        styles?: any;
    },
    { pointerdown: PointerEvent } & { [evt: string]: CustomEvent<any> },
    {},
>
- TJSInputNumber (View Summary)

Indexable

[prop: string]: any

Index

Constructors

constructor

Methods

$destroy $on $set

Constructors

constructor

new TJSInputNumber(
    options: ComponentConstructorOptions<
        {
            efx?: any;
            enabled?: any;
            input?: any;
            label?: any;
            max?: any;
            min?: any;
            options?: any;
            placeholder?: any;
            readonly?: any;
            step?: any;
            store?: any;
            storeIsValid?: any;
            styles?: any;
        },
    >,
): TJSInputNumber
Parameters
- options: ComponentConstructorOptions<
      {
          efx?: any;
          enabled?: any;
          input?: any;
          label?: any;
          max?: any;
          min?: any;
          options?: any;
          placeholder?: any;
          readonly?: any;
          step?: any;
          store?: any;
          storeIsValid?: any;
          styles?: any;
      },
  >
Returns TJSInputNumber

Inherited from SvelteComponent.constructor

Methods

$destroy

$destroy(): void

Returns void

Inherited from SvelteComponent.$destroy

$on

$on<K extends string>(
    type: K,
    callback: (
        e: (
            { pointerdown: PointerEvent } & { [evt: string]: CustomEvent<any> }
        )[K],
    ) => void,
): () => void
Type Parameters
- K extends string
Parameters
- type: K
- callback: (
  e: ({ pointerdown: PointerEvent } & { [evt: string]: CustomEvent<any> })[K],
  ) => void
Returns () => void

Inherited from SvelteComponent.$on

$set

$set(props: Partial<Props>): void
Parameters
- props: Partial<Props>
Returns void

Inherited from SvelteComponent.$set

Class TJSInputNumber

CSS Variables:

Hierarchy

Indexable

Index

Constructors

Methods

Constructors

constructor

Parameters

Returns TJSInputNumber

Methods

$destroy

Returns void

$on

Type Parameters

Parameters

Returns () => void

$set

Parameters

Returns void

Settings

On This Page