diff --git a/web/src/components/measure-config/MeasureConfigForm.vue b/web/src/components/measure-config/MeasureConfigForm.vue
new file mode 100644
index 0000000..a11a3d7
--- /dev/null
+++ b/web/src/components/measure-config/MeasureConfigForm.vue
@@ -0,0 +1,15 @@
+<template>
+  <fieldset>
+    <div>
+      <label for=measureType>Type</label>
+      <select name=measureType v-model=config.type>
+        <option value=simple>Simple</option>
+        <option value=list>List</option>
+      </select>
+    </div>
+    <div><input type=checkbox v-model=config.isVisible>Show by default.</input></div>
+    <!--<ListMeasureConfigForm :config=config v-show="config.type === 'list'"/>-->
+  </fieldset>
+</template>
+<script lang=ts src=./measure-config-form.ts></script>
+<style lang=scss src=./measure-config-form.scss></style>
diff --git a/web/src/components/measure-config/measure-config-form.scss b/web/src/components/measure-config/measure-config-form.scss
new file mode 100644
index 0000000..e69de29
diff --git a/web/src/components/measure-config/measure-config-form.ts b/web/src/components/measure-config/measure-config-form.ts
new file mode 100644
index 0000000..1f7ab20
--- /dev/null
+++ b/web/src/components/measure-config/measure-config-form.ts
@@ -0,0 +1,10 @@
+import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
+import { logService } from '@/services/logging';
+import { Measure, MeasureConfig, MeasureType } from '@/models';
+
+@Component({})
+export class MeasureConfigForm extends Vue {
+  @Prop({}) public config!: MeasureConfig;
+}
+
+export default MeasureConfigForm;