Home Reference Source

src/components/columns/fixtures/comp2.js

export default {
  label: 'Columns',
  columns: [
    // First Column
    {
      components: [
        {
          label: 'Text Field',
          tableView: true,
          key: 'textField1',
          type: 'textfield',
          input: true
        },
        {
          label: 'Text Field',
          tableView: true,
          key: 'textField2',
          type: 'textfield',
          input: true
        },
      ],
      width: 2,
      offset: 0,
      push: 0,
      pull: 0,
      size: 'md',
      currentWidth: 2,
    },
    // Second Column with hidden components
    {
      components: [
        {
          label: 'Text Field',
          tableView: true,
          key: 'textField3',
          type: 'textfield',
          input: true
        },
      ],
      width: 2,
      offset: 0,
      push: 0,
      pull: 0,
      size: 'md',
      currentWidth: 2,
    },
    // Third Column
    {
      components: [
        {
          label: 'Text Field',
          tableView: true,
          key: 'textField4',
          type: 'textfield',
          input: true
        },
      ],
      size: 'md',
      width: 2,
      offset: 0,
      push: 0,
      pull: 0,
      currentWidth: 2,
    },
    // Fourth Column
    {
      components: [
        {
          label: 'Text Field',
          tableView: true,
          key: 'textField5',
          type: 'textfield',
          input: true
        },
      ],
      size: 'md',
      width: 2,
      offset: 0,
      push: 0,
      pull: 0,
      currentWidth: 2,
    },
    // Fifth Column
    {
      components: [
        {
          label: 'Text Field',
          tableView: true,
          key: 'textField6',
          type: 'textfield',
          input: true
        },
      ],
      size: 'md',
      width: 2,
      offset: 0,
      push: 0,
      pull: 0,
      currentWidth: 2,
    },
    // Sixth Column
    {
      components: [
        {
          label: 'Text Field',
          tableView: true,
          key: 'textField7',
          type: 'textfield',
          input: true
        },
      ],
      size: 'md',
      width: 2,
      offset: 0,
      push: 0,
      pull: 0,
      currentWidth: 2,
    },
  ],
  autoAdjust: true,
  key: 'columns1',
  type: 'columns',
  input: false,
  tableView: false,
};