@synergy-design-system/vue/dist/components/SynVueValidate.vue.d.ts

Vue3 wrappers for the Synergy Design System

import { default as SynValidate } from '@synergy-design-system/components/components/validate/validate.component.js';
type __VLS_Props = {
    /**
  * The variant that should be used to show validation alerts.
  
  The following variants are supported:
  - **native** (default): Uses the native browser validation, usually a browser tooltip.
  - **tooltip**: Show the validation message as a tooltip using a `<syn-tooltip>`.
  - **inline**: Show the validation message underneath the element, using a `<syn-alert>`
   */
    variant?: SynValidate['variant'];
    /**
     * Do not show the error icon when using the inline variant validation
     */
    hideIcon?: SynValidate['hideIcon'];
    /**
  * Defines the events that trigger the validation.
  `invalid` will always automatically be included.
  You may also use the `live` keyword to validate on every input change.
  `live` will make sure to listen to the `invalid`, `input` and `blur` events.
  
  Please have a look at the [documentation for native form validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)
  and [the use of form invalid events](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event) for further information.
   */
    on?: SynValidate['on'];
    /**
  * Custom validation message to be displayed when the input is invalid.
  Will override the default browser validation message.
  Set to an empty string to reset the validation message.
   */
    customValidationMessage?: SynValidate['customValidationMessage'];
    /**
  * Set this to true to validate the input immediately when it is rendered.
  Best used with a `variant` of `inline`.
  When setting eager, the input will not be focused automatically.
  
  When using a `variant` of `native` the browser will focus
  the last eager field as it is using a tooltip.
  In this case it is better to just provide one eager field.
   */
    eager?: SynValidate['eager'];
};
declare var __VLS_9: {};
type __VLS_Slots = {} & {
    default?: (props: typeof __VLS_9) => any;
};
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
    nativeElement: import('vue').Ref<SynValidate | undefined, SynValidate | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
declare const _default: typeof __VLS_export;
export default _default;
type __VLS_WithSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};