You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.6 KiB
81 lines
2.6 KiB
import * as React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import { TabsProps as BaseTabsProps } from '@restart/ui/Tabs';
|
|
import { NavProps } from './Nav';
|
|
import { TransitionType } from './helpers';
|
|
export interface TabsProps extends Omit<BaseTabsProps, 'transition'>, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'>, NavProps {
|
|
transition?: TransitionType;
|
|
}
|
|
declare const Tabs: {
|
|
(props: TabsProps): JSX.Element;
|
|
propTypes: {
|
|
/**
|
|
* Mark the Tab with a matching `eventKey` as active.
|
|
*
|
|
* @controllable onSelect
|
|
*/
|
|
activeKey: PropTypes.Requireable<string | number>;
|
|
/** The default active key that is selected on start */
|
|
defaultActiveKey: PropTypes.Requireable<string | number>;
|
|
/**
|
|
* Navigation style
|
|
*
|
|
* @type {('tabs'| 'pills')}
|
|
*/
|
|
variant: PropTypes.Requireable<string>;
|
|
/**
|
|
* Sets a default animation strategy for all children `<TabPane>`s.<tbcont
|
|
*
|
|
* Defaults to `<Fade>` animation, else use `false` to disable or a
|
|
* react-transition-group `<Transition/>` component.
|
|
*
|
|
* @type {Transition | false}
|
|
* @default {Fade}
|
|
*/
|
|
transition: PropTypes.Requireable<boolean | PropTypes.ReactComponentLike>;
|
|
/**
|
|
* HTML id attribute, required if no `generateChildId` prop
|
|
* is specified.
|
|
*
|
|
* @type {string}
|
|
*/
|
|
id: PropTypes.Requireable<string>;
|
|
/**
|
|
* Callback fired when a Tab is selected.
|
|
*
|
|
* ```js
|
|
* function (
|
|
* Any eventKey,
|
|
* SyntheticEvent event?
|
|
* )
|
|
* ```
|
|
*
|
|
* @controllable activeKey
|
|
*/
|
|
onSelect: PropTypes.Requireable<(...args: any[]) => any>;
|
|
/**
|
|
* Wait until the first "enter" transition to mount tabs (add them to the DOM)
|
|
*/
|
|
mountOnEnter: PropTypes.Requireable<boolean>;
|
|
/**
|
|
* Unmount tabs (remove it from the DOM) when it is no longer visible
|
|
*/
|
|
unmountOnExit: PropTypes.Requireable<boolean>;
|
|
/**
|
|
* Have all `Tabs`s proportionately fill all available width.
|
|
*/
|
|
fill: PropTypes.Requireable<boolean>;
|
|
/**
|
|
* Have all `Tab`s evenly fill all available width.
|
|
*/
|
|
justify: PropTypes.Requireable<boolean>;
|
|
};
|
|
defaultProps: {
|
|
variant: string;
|
|
mountOnEnter: boolean;
|
|
unmountOnExit: boolean;
|
|
};
|
|
displayName: string;
|
|
};
|
|
export default Tabs;
|