fui-fancyui
Version:
FancyUI Libary
29 lines (28 loc) • 1.37 kB
TypeScript
import { TSpacings } from '../../../types/TSpacings';
import { TComponentSizes } from '../../../types/TComponentSizes';
import { TUiColorsNotTransparent } from '../../../types/TUiColorsNotTransparent';
import { TActiveSwitchIndicator } from '../../atoms/SwitchActiveIndicator';
import { TTabSwitchDetailsChildren, TTabSwitchDetailsLabelIcon } from '../FancyTabSwitchButton';
import { TLayer } from '../../../types/TLayer';
import { TUiColorsMain } from '../../../types/TUiColorsMain';
import { TThemeArrayOrValueCSS } from '../../../design/designFunctions/arrayToCssValues';
import { TUiColorsMainAndAccent } from '../../../types/TUiColorsMainAndAccent';
export type TTabSwitch = {
wide?: boolean;
sizeC?: TComponentSizes;
textColor?: TUiColorsMain;
activeTextThemeType?: TUiColorsMainAndAccent;
textLayer?: TLayer;
disabled?: boolean;
tabSpacing?: TSpacings;
values: TTabSwitchDetailsChildren[] & TTabSwitchDetailsLabelIcon[];
borderRadius?: TThemeArrayOrValueCSS;
direction?: 'horizontal' | 'vertical';
indicatorType?: TActiveSwitchIndicator['type'];
outlined?: boolean;
currentSelect?: string;
iconAlign?: 'left' | 'right';
switchIndicatorThemeType?: TUiColorsNotTransparent;
handler?: (value: string) => void;
};
export type TTabSwitchWithHTMLAtts = TTabSwitch & React.HTMLAttributes<HTMLUListElement>;