# Number Input

<template lang="html">
  <div class="centerx">
    <vs-input-number v-model="number"/>
    <vs-input-number :disabled="true" v-model="number1"/>
    <vs-input-number :is-disabled="true" v-model="number2"/>
    <vs-input-number v-model="number3" icon-inc="expand_less" icon-dec="expand_more"/>
  </div>
</template>

<script>
export default {
  data(){
    return {
      number:34,
      number1:48,
      number2:50,
      number3:55,
    }
  }
}
</script>

<template lang="html">
  <div class="centerx">
    <vs-input-number color="danger" v-model="number1"/>
    <vs-input-number color="success" v-model="number2"/>
    <vs-input-number color="warning" v-model="number3"/>
    <vs-input-number color="dark" v-model="number4"/>
    <vs-input-number color="rgb(218, 24, 94)" v-model="number5"/>
    <vs-input-number color="#ad3af9" v-model="number6"/>
  </div>
</template>

<script>
export default {
  data(){
    return {
      number1:196,
      number2:88,
      number3:25,
      number4:12,
      number5:590,
      number6:32,
    }
  }
}
</script>

<template lang="html">
  <div class="centerx">
    <vs-input-number min="13" max="21" v-model="number1"/>
  </div>
</template>

<script>
export default {
  data(){
    return {
      number1:21,
    }
  }
}
</script>

<template lang="html">
  <div class="centerx">
    <vs-input-number v-model="number0"/>
    <vs-input-number size="medium" v-model="number1"/>
    <vs-input-number size="small" v-model="number2"/>
    <vs-input-number size="mini" v-model="number3"/>
  </div>
</template>

<script>
export default {
  data(){
    return {
      number0:95,
      number1:21,
      number2:67,
      number3:2
    }
  }
}
</script>

<template lang="html">
  <div class="centerx">
    <vs-input-number v-model="number0" :step="5"/>
  </div>
</template>

<script>
export default {
  data(){
    return {
      number0:5
    }
  }
}
</script>

<template lang="html">
  <div class="centerx">
    <vs-input-number v-model="number0" :step="1.43"/>
  </div>
</template>

<script>
export default {
  data(){
    return {
      number0:1.98
    }
  }
}
</script>

<template lang="html">
  <div class="centerx">
    <vs-input-number v-model="number0" label="passengers:"/>
  </div>
</template>

<script>
export default {
  data(){
    return {
      number0:1
    }
  }
}
</script>