@vonage/vivid-react
Version:
Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings
38 lines (37 loc) • 2 kB
TypeScript
import React, { ReactNode, SyntheticEvent } from 'react';
/** VwcTabs
* For more info on this Vivid element please visit https://vivid.deno.dev/components/tabs
* @param {TabsOrientation} orientation - The orientation **attribute** `orientation`
* @param {string} activeid - The id of the active tab **attribute** `activeid`
* @param {HTMLElement | undefined} tablist
* @param {TabsConnotation | undefined} connotation - The connotation the tabs should have. **attribute** `connotation`
* @param {TabsGutters | undefined} gutters - sets the initial preferred margin from predefined available options **attribute** `gutters`
* @param {boolean} scrollablePanel - sets overflow to the tab-panel **attribute** `scrollable-panel`
* @param {'align-start' | 'stretch' | undefined} tabsLayout - Controls the layout of the tabs. **attribute** `tabs-layout`
* @param {boolean} activeindicator - Deprecated attribute. It has no effect. **attribute** `activeindicator`
* @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
* @param {string} componentName - Core component name, without prefix
*/
declare const VwcTabs: {
(props: {
children?: ReactNode;
slot?: string | undefined;
id?: string | undefined;
style?: React.CSSProperties | undefined;
ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
onChange?: ((event: SyntheticEvent) => void) | undefined;
orientation?: any;
activeid?: string | undefined;
tablist?: any;
connotation?: any;
gutters?: any;
scrollablePanel?: boolean | undefined;
tabsLayout?: any;
activeindicator?: boolean | undefined;
VIVID_VERSION?: string | undefined;
componentName?: string | undefined;
}): JSX.Element;
displayName: string;
};
export default VwcTabs;