aboutsummaryrefslogtreecommitdiff
path: root/src/components/settings_modal/helpers/integer_setting.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/settings_modal/helpers/integer_setting.vue')
-rw-r--r--src/components/settings_modal/helpers/integer_setting.vue20
1 files changed, 20 insertions, 0 deletions
diff --git a/src/components/settings_modal/helpers/integer_setting.vue b/src/components/settings_modal/helpers/integer_setting.vue
new file mode 100644
index 00000000..8284abcc
--- /dev/null
+++ b/src/components/settings_modal/helpers/integer_setting.vue
@@ -0,0 +1,20 @@
+<template>
+ <span class="IntegerSetting">
+ <label :for="path">
+ <slot />
+ </label>
+ <input
+ :id="path"
+ class="number-input"
+ type="number"
+ step="1"
+ :disabled="disabled"
+ :min="min || 0"
+ :value="state"
+ @change="update"
+ >
+ <ModifiedIndicator :changed="isChanged" />
+ </span>
+</template>
+
+<script src="./integer_setting.js"></script>