> For the complete documentation index, see [llms.txt](https://saba-framework.gitbook.io/saba-framework-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://saba-framework.gitbook.io/saba-framework-documentation/examples/dynamic-form/input-type/number-with-button.md).

# Number With Button

1. Deskripsi :

Penggunaan tipe input ini untuk merender formulir atau input dalam aplikasi web, terkhususkan untuk dynamic-form. Tipe data dalam hal ini yaitu "number-btn" , menunjukkan bahwa field ini seharusnya menerima input numerik caranya dengan memberikan button (-) dan (+) untu mengunci inputan nomor. Contoh dalam form “Qty” pada kasus berikut : 

2. Implementasi JSON

```json
"dynamicForm": [
      {
        "type": "form-repeater",
        "children": [
           {
            "fieldName": "quantity",
            "fieldLabel": "Qty",
            "size": 3,
            "type": "number-btn",
            "rules": {
              "required": true
            }
          },
          {
            "fieldName": "description",
            "fieldLabel": "Description",
            "type": "textarea",
            "size": 12
          }
        ]
      }
    ]
```

2. Gambar capture contoh hasil Implementasi : 

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdPhVDCuQY56kfJ4v1i8g8XqperXtcYLDlZ9tEWqPoriL2JXXh8VSz91OrQY6aVfGB09VsBPSWgkLGCt-VAO-O2f0wwkhRkJu1my5L6xZ6QNtpj5z6YvjpiQvXX8zI9HKsXHz7prQNcDET0gBEiEoI_WVA?key=JhKT3us8Ec2DE_Itj_X1-w" alt=""><figcaption></figcaption></figure>

<br>