Pixi TextInput: how to use

[renathy]

I have installed Pixi.TextInput (https://github.com/Mwni/PIXI.TextInput). 

npm install pixi-text-input

It seems that it doesn't contain Types definitions for typescript. And when I am trying to use it, it gives me errors.

 

 

In my index.ts I am importing it and I am trying to use it like this:

import TextInput from 'pixi-text-input';

...

var input = new TextInput({

                    input: {

                        fontSize: '25pt',

                        padding: '14px',

                        width: '500px',

                        color: '#26272E'

                    }, 

                    box: {default: {fill: 0xE8E9F3, rounded: 16, stroke: {color: 0xCBCEE0, width: 4}},

                    focused: {fill: 0xE1E3EE, rounded: 16, stroke: {color: 0xABAFC6, width: 4}},

                    disabled: {fill: 0xDBDBDB, rounded: 16}}

                });

                //input.placeholder = 'Enter your Text...';

                input.x = 500;

                input.y = 300;

                input.pivot.x = input.width/2;

                input.pivot.y = input.height/2;

                this.app.stage.addChild(input);

But when I run application it says that 
Uncaught TypeError: pixi_text_input_1.default is not a constructor
 

Edited January 14, 2021 by renathy