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

Number

Input for numeric values.

Demo

Basic example

Min and max example

Format example

Attributes

AttributeTypeDescription
typestringType expected is number
valuenumber or stringvalue
defaultValuenumber or stringdefaultValue

See section Common attributes.

Extra attributes

AttributeTypeDescription
maxnumberMaximum accepted value
minnumberMinimum accepted value
fractionSizenumberMaximum allowed decimals.
Undefined or 0 is integer number.
numberFormatstringTwo chars defining separators.
- First char is thousand separator.
- Second char is decimal separator.
e.g. ".," for entering numbers like 1.234,56
minValueErrorMessagestringCustom error message for minValue validation
maxValueErrorMessagestringCustom error message for maxValue validation

When to use it

Provides similar functionality as a native HTML <input type="number">.
Use it to input or edit numeric values. For formatted values such as a phone number or zipcode, consider using a text component with a validationMask. See Text component.

← ModalOutcome Button Group →
Docs
GuidesComponents
Private
SourceStorybook
Flowable Forms
Copyright © 2020 Flowable