<template>
  <div>
    <a-input-search
      placeholder="input search text"
      style="width: 200px"
      @search="onSearch"
    />
    <br /><br />
    <a-input-search style="width:300px"
      placeholder="input search text"
      enter-button
      @search="onSearch"
    />
    <br /><br />
    <a-input-search style="width:300px"
      placeholder="input search text"
      enter-button="Search"
      size="large"
      @search="onSearch"
    />
    <br /><br />
    <a-input-search style="width:300px"
      placeholder="input search text"
      size="large"
      @search="onSearch"
    >
      <a-button slot="enterButton"> Custom </a-button>
    </a-input-search>
  </div>
</template>

<script>
export default {
  methods: {
    onSearch(value) {
      console.log(value);
    },
  },
};
</script>
