shapla-search-form v1.0.4

shapla-search-form

A simple search form design for Vue js.

Table of contents

• Installation
• Usage

Installation

npm install --save shapla-search-form

Usage

Add the component:

import searchForm from 'shapla-search-form';

export default {
  name: 'Hello',

  components: {
    searchForm
  },
  
  methods: {
    searchInput(value){
      // Handle input event
    },
    searchSubmit(value){
      // Handle input event
    }
  }
}

<search-form @input="searchInput" @search="searchSubmit"></search-form>

Props

Listeners

The component fires the following events:

input: When user type, it fires the event with value. search: When search is clicked, it fires the event with value.

<!-- template -->
<search-form @input="searchInput" @search="searchSubmit"></search-form>


<!-- method -->
methods: {
    searchInput(value){
        // Handle input event
    },
    searchSubmit(value){
        // Handle input event
    }
}