@atlaskit/tabs
Version:
Tabs are used to organize content by grouping similar information on the same page.
13 lines (12 loc) • 508 B
TypeScript
import { type Context } from 'react';
export type TabMotionDirection = 'left' | 'right';
export type TabMotionState = 'entering' | 'exiting' | 'visible';
export type TabMotionAttributes = {
'data-motion-capable'?: 'true';
'data-motion-direction'?: TabMotionDirection;
'data-motion-state'?: TabMotionState;
};
export type TabMotionContextValue = {
getTabMotionAttributes: (index: number) => TabMotionAttributes;
};
export declare const TabMotionContext: Context<TabMotionContextValue | null>;