<template>
  <section>
    <x-number
      v-model="v1"
      description="Default"
      title="Number"
    />
    <tip>I am a tip.</tip>

    <x-number
      v-model="v2"
      description="Default"
      title="Number"
    />
    <tip align="center">
      I am a tip align center.
    </tip>
  </section>
</template>

<script>
import { Tip, XNumber } from '../components/_index'
export default {
  components: {
    Tip,
    XNumber
  },
  data () {
    return {
      v1: 0,
      v2: 0
    }
  }
}
</script>
