@appbuckets/react-ui/Tabs/Tabs.types.d.ts

Just Another React UI Framework

import { ShorthandItem } from '@appbuckets/react-ui-core';
import {
  MouseHandler,
  UIMutableVoidComponentProps,
  ResponsiveContentWidth,
} from '../generic';
import { MenuProps } from '../Menu';
import { MenuItemProps } from '../Menu/MenuItem.types';
import { TabPanelProps } from './TabPanel.types';
export declare type TabPanelsShorthand = {
  trigger: ShorthandItem<MenuItemProps>;
  panel: ShorthandItem<TabPanelProps>;
};
export interface TabsProps
  extends UIMutableVoidComponentProps<StrictTabsProps> {}
export interface StrictTabsProps {
  /** Set the tab active index */
  activeIndex?: number;
  /** Set the default active index */
  defaultActiveIndex?: number;
  /** Set layout props */
  layout?: {
    menuWidth: ResponsiveContentWidth;
    panelWidth: ResponsiveContentWidth;
    menuOn: 'left' | 'right';
  };
  /** Set menu props */
  menu?: MenuProps;
  /** On Tab Change handler */
  onTabChange?: TabsChangeHandler;
  /** Panels shorthand */
  panels?: TabPanelsShorthand[];
  /** Choose to render active tab only */
  renderActiveOnly?: boolean;
  /** Render tab with vertical menu */
  vertical?: boolean;
}
export declare type TabsChangeHandler = MouseHandler<HTMLElement, TabsProps>;