Bixby Developer Center

Text field component of form that allows users to provide formatted numbers. To implement, you use the number-input key.

Examples

Here is a structure, which has a property age that can be populated with a number-input element in a form:

structure (Survey) {
  property (fullName) {
    type (FullName)
    min (Required) max (One)
  }
  property (email) {
    type(Email)
    min (Required) max(One)
  }
  property (comments) {
    type (Comments)
    min (Optional) max (One)
  }
  property (isSigningUp) {
    type (IsSigningUp)
    min (Required) max (One)
  }
  property (favoriteColors) {
    type (FavoriteColors)
    min (Required) max (One)
  }
  property (funMeter) {
    type (FunMeter)
    min (Required) max (One)
  }
  property (age) {
    type (Age)
    min (Required) max (One)
  }
}

View master on GitHub

For an input view of a number-input:

input-view {
  match {
    Age (age) { 
      to-input: SubmitSurvey
    }
  }
  message {
    template ("What is your age?")
  }
  render {
    form {
      elements {
        number-input {
          id (age)
          allow-negative (false)
          integer-limit (3)
          type (Age)
          label (Age)
        }
      }
      on-submit {
        goal: Age
        value: viv.core.FormElement(age)
      }
    }
  }
}

View master on GitHub

You can run the sample capsule in the Simulator to see how this component displays on different devices, if supported.