Y7K Component: Text Input

This is a styled, custom <input> input Vue component. If you change the text, it will emit a event to its parent Vue component. It has a a little debounce delay by default.

It is based on Vue 2, MaintainableCSS and the Y7K Style Plate. Detailed information in the Y7K Showroom.

Installation

Install npm package

npm install @y7k/component-text-input --save

Include in your project

import textInput from '@y7k/component-text-input';

Variant 1: Register components globally:

import textInput from '@y7k/component-text-input';
textInput.registerGlobally();

Variant 2: Use components directly:

import { TextInput } from '@y7k/component-text-input';

// Vue component example
export default {

    components: {
        TextInput,
    },
}

Include styles

In your main.scss file

@import '@y7k/filterable-list/src/scss/textInput';

// If you don't set "node_modules" as a webpack include path:
@import '../[path]/../node_modules/@y7k/component-text-input/src/scss/textInput';

Documentation

Please have a look at the usage documentation in the Y7K Showroom.