- Introduced a new Switch component for toggling options within forms, enhancing user interactivity. - Updated formkit-custom.js to include the Switch component with appropriate props. - Enhanced formkit-theme.js to define styles for the Switch component, ensuring consistent theming. - Added CSS styles for the Switch component to improve visual presentation and user experience. - Updated FormBuilderCanvas and FormBuilderComponents to support the new Switch component in the form builder interface. - Enhanced documentation to include details about the new Switch component and its usage within forms.
21 lines
628 B
JavaScript
21 lines
628 B
JavaScript
import { createInput } from "@formkit/vue";
|
|
import OneTimePassword from "~/components/formkit/OneTimePassword.vue";
|
|
import MaskText from "~/components/formkit/TextMask.vue";
|
|
import FileDropzone from "~/components/formkit/FileDropzone.vue";
|
|
import Switch from "~/components/formkit/Switch.vue";
|
|
|
|
export default {
|
|
otp: createInput(OneTimePassword, {
|
|
props: ["digits"],
|
|
}),
|
|
mask: createInput(MaskText, {
|
|
props: ["mask"],
|
|
}),
|
|
dropzone: createInput(FileDropzone, {
|
|
props: ["accept", "multiple", "maxSize", "minSize", "maxFiles", "disabled"],
|
|
}),
|
|
switch: createInput(Switch, {
|
|
props: ["value"],
|
|
}),
|
|
};
|