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

Tabs

Horizontal menu component with selectable items as tabs.

Demo

Basic example

Attributes

AttributeTypeDescription
typestringType expected is tabs

See section Common attributes.

Extra attributes

AttributeTypeDescription
activetabstringSection ID identifying active tab.
tabsorderstring[]Array of sections IDs representing tabs order.
sectionsObject[]Array of panel or subform definitions.

NOTES
Every panel/subform in the array will be a tab with its own label.
Every section can be shown/hidden dynamically through ignore/visible properties

When to use it

Use it for selectable menus and selectable content separation.
For showing or hidding content selectable through tabs, consider using panels with attribute visible bound to a tab-related {{expression}}. See homepage example.

← Sub-FormText →
Docs
GuidesComponents
Private
SourceStorybook
Flowable Forms
Copyright © 2020 Flowable