Number Field

สำหรับใช้งานฟอร์ม Number Field เช่น ตอนเลือกจำนวนสินค้าในหน้า Product Detail หรือ Shopping Cart

Usage

<snt-number-field></snt-number-field>

API

• snt-number-field

Examples

Shopping Cart

<snt-cart #default="{ items, selectQuantity }">
  <div>
    <div
      v-for="item in items"
      :key="`cart-item-${item.id}`">
      <div>{{ item.name }}</div>
      <div>Quantity</div>
      <snt-number-field
        :value="item.quantity"
        :min="1"
        :max="item.available"
        controls
        center
        @input="selectQuantity(item, $event)" />
    </div>
  </div>
</snt-cart>