This Project Is Deprecated

vue-tagsinput

kerboard supported(left, right, backspace, tab).

Requirement

vue: ^2.1.0

Usage

<div id="example">
    <tags-input
        :tags="tags"
        @tags-change="handleChange"
    ></tags-input>
</div>

Example

Live example

Props

tags(array<{ text: string, readOnly: ?boolean, invalid: ?boolean }>, required): your tags to render
placeholder(string): a hint to the user
klass(object): override the class name (see below)

Events

tags-change: (index: number, text: ?string) => void text will be undefined if the tag was removed
focus: (index: number) => void
blur: (index: number) => void

Class Names

{
    container: 'tags-input',
    input: 'input',
    placeholder: 'placeholder',
    gap: 'gap',
    tag: 'tag'
}

Migration from 0.x

Because of the two-way props was obsoleted in Vue@2, we should deal with tags by one-way props and onChange callback explicitly. So most states will be handled in your scope. See the full example.

License

MIT

License

Ginhing/vue-tagsinput

ErrorLooks like something went wrong!

About

Topics

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors 2

Languages

Error
Looks like something went wrong!

Packages