@synergy-design-system/vue
Version:
Vue3 wrappers for the Synergy Design System
79 lines (78 loc) • 2.92 kB
TypeScript
import { SynTabShowEvent, SynTabHideEvent, SynTabGroup } from '@synergy-design-system/components';
export type { SynTabShowEvent } from '@synergy-design-system/components';
export type { SynTabHideEvent } from '@synergy-design-system/components';
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
/**
* The placement of the tabs.
*/
placement?: SynTabGroup["placement"];
/**
* When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel.
* When set to
manual, the tab will receive focus but will not show until the user presses spacebar or enter.
*/
activation?: SynTabGroup["activation"];
/**
* Disables the scroll arrows that appear when tabs overflow.
*/
noScrollControls?: SynTabGroup["noScrollControls"];
/**
* Draws the tab group as a contained element.
*/
contained?: SynTabGroup["contained"];
/**
* Draws the tab group with edges instead of roundings.
* Takes only effect if used with the 'contained' property
*/
sharp?: SynTabGroup["sharp"];
/**
* Prevent scroll buttons from being hidden when inactive.
*/
fixedScrollControls?: SynTabGroup["fixedScrollControls"];
}, {
nativeElement: import('vue').Ref<SynTabGroup | undefined, SynTabGroup | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"syn-tab-show": (e: SynTabShowEvent) => any;
"syn-tab-hide": (e: SynTabHideEvent) => any;
}, string, import('vue').PublicProps, Readonly<{
/**
* The placement of the tabs.
*/
placement?: SynTabGroup["placement"];
/**
* When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel.
* When set to
manual, the tab will receive focus but will not show until the user presses spacebar or enter.
*/
activation?: SynTabGroup["activation"];
/**
* Disables the scroll arrows that appear when tabs overflow.
*/
noScrollControls?: SynTabGroup["noScrollControls"];
/**
* Draws the tab group as a contained element.
*/
contained?: SynTabGroup["contained"];
/**
* Draws the tab group with edges instead of roundings.
* Takes only effect if used with the 'contained' property
*/
sharp?: SynTabGroup["sharp"];
/**
* Prevent scroll buttons from being hidden when inactive.
*/
fixedScrollControls?: SynTabGroup["fixedScrollControls"];
}> & Readonly<{
"onSyn-tab-show"?: ((e: SynTabShowEvent) => any) | undefined;
"onSyn-tab-hide"?: ((e: SynTabHideEvent) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
nativeElement: unknown;
}, any>, {
default?(_: {}): any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};