TextboxList

Input that adds entries to a list, with a maximum limit, type rules, error text and optional reordering of items

Live preview

Open in new tab ↗

Configuration:

  • icon {String} icon for label
  • label {String} label (default innerHTML)
  • placeholder {String} adds a placeholder text into the input
  • maxlength {Number} sets a maximum length of chars
  • disabled {Boolean} disables this component
  • limit {Number} sets a maximum length of lists
  • error {String} error message when a limit is reached (default You reach the maximum limit)
  • required {Boolean} whether a list is required (default false)
  • type {String} can be email, url, currency, number, date, lower, upper, a-z or empty (default)
  • NEW movable {Boolean} enables changing of position for existing items

Contributor

More UI components

Browse all 348