@gitlab/ui/dist/vendor/bootstrap-vue/src/components/form/form.js

GitLab UI Components

import { extend, mergeData } from '../../vue';
import { NAME_FORM } from '../../constants/components';

// --- Props ---

const props = {
  id: {
    type: String,
    required: false,
    default: undefined
  },
  inline: {
    type: Boolean,
    required: false,
    default: false
  },
  novalidate: {
    type: Boolean,
    required: false,
    default: false
  },
  validated: {
    type: Boolean,
    required: false,
    default: false
  }
};

// --- Main component ---

// @vue/component
const BForm = /*#__PURE__*/extend({
  name: NAME_FORM,
  functional: true,
  props,
  render(h, _ref) {
    let props = _ref.props,
      data = _ref.data,
      children = _ref.children;
    return h('form', mergeData(data, {
      class: {
        'form-inline': props.inline,
        'was-validated': props.validated
      },
      attrs: {
        id: props.id,
        novalidate: props.novalidate
      }
    }), children);
  }
});

export { BForm, props };