@wix/design-system
Version:
@wix/design-system
26 lines • 1.21 kB
TypeScript
import React, { HTMLAttributes } from 'react';
import { IconElement } from '../common';
export type VerticalTabsItemProps<TabId extends string | number = number> = {
/** Children - only single child is allowed here */
children?: React.ReactNode;
/** Type of vertical tab item. can be of the following: 'tab' (default), 'action', 'title' */
type?: VerticalTabsItemType;
/** Data attribute for testing purposes */
dataHook?: string;
/** Prefix Icon - should be <code>Icon</code>*/
prefixIcon?: IconElement;
/** Suffix Icon - should be <code>Icon</code> or <code>IconButton</code> with the <code>size="tiny"</code> prop*/
suffixIcon?: IconElement;
/** Specifies whether the item is disabled */
disabled?: boolean;
/** Identifier to help identify the current selected tab */
id?: TabId;
/** Controls focus relative order */
tabIndex?: number;
/** Specifies the look of the item */
skin?: 'premium';
/** Used for connecting tab panel to the tab item. */
['aria-controls']?: HTMLAttributes<HTMLElement>['aria-controls'];
};
export type VerticalTabsItemType = 'tab' | 'action' | 'title';
//# sourceMappingURL=VerticalTabsItem.types.d.ts.map