UNPKG

@vonage/vivid-react

Version:

Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings

38 lines (37 loc) 2 kB
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;