Bixby Developer Center

Text field component of form that enables an editable field for users to input a block of text. To implement, use the textarea key.

Examples

Here is a structure, which has a property comments that can be populated with a textarea 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 textarea:

input-view {
  match {
    Comments (comments) { 
      to-input: SubmitSurvey
    }
  }
  message {
    template ("What would you like to tell us?")
  }
  render {
    form {
      elements {
        textarea {
          id (comments)
          type (Comments)
          label (Comments)
          max-length (500)
          value ("#{raw(comments)}")
        }
      }
      on-submit {
        goal: Comments
        value: viv.core.FormElement(comments)
      }
    }
  }
}

View master on GitHub

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