Form Tabs

Tabs are Enabled by default but can be turned off in Settings.

  • Tabs can have dataAttributes.
    • Booleans will translate to checkboxes
    • Strings will translate to input fields
  • Tabs support Dragging to reorder
let options: BuilderOptions = {
  formDefinition: [
    {
      tab: {
        id: "1",
        tabOrder: 1,
        label: "My Tab",
        dataAttributes: [
          { label: "A Special Flag ", name: "custom2", value: false },
          { label: "A Special Directive", name: "custom1", value: "Hi" },
        ],
      },
      rows: [],
    },
    {
      tab: { id: "2", tabOrder: 2, label: "My Tab 2" },
      rows: [],
    },
  ],
};

Demo

  1. Hover over the My Tab Tab label

  2. Click

  3. Click to open the properties

  4. Click & Drag a Tab and slide Left/Right to reorder