@synergy-design-system/vue
Version:
Vue3 wrappers for the Synergy Design System
105 lines (104 loc) • 3.99 kB
TypeScript
import { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent } from '@synergy-design-system/components';
import { default as SynTooltip } from '@synergy-design-system/components/components/tooltip/tooltip.component.js';
export type { SynShowEvent } from '@synergy-design-system/components';
export type { SynAfterShowEvent } from '@synergy-design-system/components';
export type { SynHideEvent } from '@synergy-design-system/components';
export type { SynAfterHideEvent } from '@synergy-design-system/components';
declare const _default: typeof __VLS_export;
export default _default;
declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
/**
* The tooltip's content.
* If you need to display HTML, use the `content` slot instead.
*/
content?: SynTooltip["content"];
/**
* The preferred placement of the tooltip.
* Note that the actual placement may vary as needed to keep the tooltip
inside of the viewport.
*/
placement?: SynTooltip["placement"];
/**
* Disables the tooltip so it won't show when triggered.
*/
disabled?: SynTooltip["disabled"];
/**
* The distance in pixels from which to offset the tooltip away from its target.
*/
distance?: SynTooltip["distance"];
/**
* Indicates whether or not the tooltip is open.
* You can use this in lieu of the show/hide methods.
*/
open?: SynTooltip["open"];
/**
* The distance in pixels from which to offset the tooltip along its target.
*/
skidding?: SynTooltip["skidding"];
/**
* Controls how the tooltip is activated.
* Possible options include `click`, `hover`, `focus`, and `manual`.
* Multiple
options can be passed by separating them with a space.
* When manual is used, the tooltip must be activated
programmatically.
*/
trigger?: SynTooltip["trigger"];
}, {
nativeElement: import('vue').Ref<SynTooltip | undefined, SynTooltip | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"syn-show": (e: SynShowEvent) => any;
"syn-after-show": (e: SynAfterShowEvent) => any;
"syn-hide": (e: SynHideEvent) => any;
"syn-after-hide": (e: SynAfterHideEvent) => any;
}, string, import('vue').PublicProps, Readonly<{
/**
* The tooltip's content.
* If you need to display HTML, use the `content` slot instead.
*/
content?: SynTooltip["content"];
/**
* The preferred placement of the tooltip.
* Note that the actual placement may vary as needed to keep the tooltip
inside of the viewport.
*/
placement?: SynTooltip["placement"];
/**
* Disables the tooltip so it won't show when triggered.
*/
disabled?: SynTooltip["disabled"];
/**
* The distance in pixels from which to offset the tooltip away from its target.
*/
distance?: SynTooltip["distance"];
/**
* Indicates whether or not the tooltip is open.
* You can use this in lieu of the show/hide methods.
*/
open?: SynTooltip["open"];
/**
* The distance in pixels from which to offset the tooltip along its target.
*/
skidding?: SynTooltip["skidding"];
/**
* Controls how the tooltip is activated.
* Possible options include `click`, `hover`, `focus`, and `manual`.
* Multiple
options can be passed by separating them with a space.
* When manual is used, the tooltip must be activated
programmatically.
*/
trigger?: SynTooltip["trigger"];
}> & Readonly<{
"onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
"onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
"onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
"onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
default?: (props: {}) => any;
}>;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};