Flowable Forms

Flowable Forms

  • Release Notes
  • Guides
  • Components
  • Storybook

›Components

Components

  • Introduction
  • Accordion
  • Button Group
  • Checkbox
  • Columns
  • Data Table
  • Date
  • Doc Gallery
  • Flex Layout
  • HR
  • HTML
  • iFrame
  • Image
  • Link
  • Link Button
  • List
  • Modal
  • Number
  • Outcome Button Group
  • Panel
  • Password
  • PDF Viewer
  • Radio button
  • REST Button
  • RichText editor
  • Assign Button
  • Select
  • Text List
  • Sub-Form
  • Tabs
  • Text
  • Textarea
  • Upload
  • Wizard

Text

Enter and edit text values.

Demo

Basic example

Validating RegExp example

Validating Mask example

Attributes

AttributeTypeDescription
typestringType expected is text
minLengthErrorMessagestringCustom error message for minLength validation
maxLengthErrorMessagestringCustom error message for maxLength validation

See section Common attributes.

Extra attributes

AttributeTypeDescription
minLengthnumberMinimum accepted text length
maxLengthnumberMaximum accepted text length
validationMaskstringComponent will force the input to match the mask, e.g. AA/99 aa-99 (**) (##)
validationRegExpregExpComponent won't be valid until its value matches this regular expression, e.g. [a-z]+[0-9]*

Mask format

The mask pattern limits what characters the user can enter into a text component:

  • A any uppercase letter
  • a any lowercase letter
  • 9 any number
  • * any character
  • # any character except lowercase letters

When to use it

Provides similar functionality as a native HTML <input type="text">.
Use it to input or edit textual data when there is no other more specific input component. Specific input components are:

  • date
  • number
  • boolean
  • select

When the amount of text expected is more than 1 line, consider using a Textarea component.
See textarea.

← TabsTextarea →
Docs
GuidesComponents
Private
SourceStorybook
Flowable Forms
Copyright © 2020 Flowable