+
{{ invalidFeedback }}
@@ -63,7 +63,6 @@ export default {
validateOnChange: Boolean,
isValidated: Boolean,
isValid: Boolean,
- isInvalid: Boolean,
validFeedback: String,
invalidFeedback: String,
tooltipFeedback: {
@@ -87,7 +86,7 @@ export default {
setup(props, { attrs, emit }) {
const inputRef = ref("inputRef");
const inputValue = ref(props.modelValue || false);
- const uid = props.id || getUID("MDBCheckbox-");
+ const uid = props.id || getUID("MDBRadio-");
const wrapperClassName = computed(() => {
return [
@@ -99,10 +98,8 @@ export default {
const inputClassName = computed(() => {
return [
props.btnCheck ? "btn-check" : "form-check-input",
- ((isInputValidated.value && isInputValid.value) || props.isValid) &&
- "is-valid",
- ((isInputValidated.value && !isInputValid.value) || props.isInvalid) &&
- "is-invalid"
+ isInputValidated.value && isInputValid.value && "is-valid",
+ isInputValidated.value && !isInputValid.value && "is-invalid"
];
});
const labelClassName = computed(() => {
diff --git a/src/components/free/forms/MDBRange.vue b/src/components/free/forms/MDBRange.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ae4975063764d21449f1283d3e5f084668eb60a5
--- /dev/null
+++ b/src/components/free/forms/MDBRange.vue
@@ -0,0 +1,133 @@
+
+
+
+
+
+ {{ inputValue }}
+
+
+
+
+
diff --git a/src/components/free/forms/MDBSwitch.vue b/src/components/free/forms/MDBSwitch.vue
new file mode 100644
index 0000000000000000000000000000000000000000..5a49daab6b9db49674a61f7bab8d8a89fd5d30fb
--- /dev/null
+++ b/src/components/free/forms/MDBSwitch.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/free/forms/MDBTextarea.vue b/src/components/free/forms/MDBTextarea.vue
index 42c572933b944d47f140a46ad0c794244ab41d2b..15061c00cc6ae608846ed8e98d410e571bb59528 100644
--- a/src/components/free/forms/MDBTextarea.vue
+++ b/src/components/free/forms/MDBTextarea.vue
@@ -1,5 +1,31 @@
-
+
+
+
+
+ {{ validFeedback }}
+
+
+ {{ customInvalidFeedback }}
+
+
+