@engie-group/fluid-design-system
Version:
The Fluid Design System is ENGIE’s open-source library to create, build and deliver ENGIE digital services in a more efficient way.
30 lines (29 loc) • 889 B
TypeScript
import { TBrandVariants, TNeutralVariants, TStatusPrimaryVariants } from '../../../variations';
export declare const NAVIGATION_TAB_VARIANTS: readonly ["primary", "brand", "tertiary", "inverse", "discovery"];
export type NavigationTabVariant = Extract<TStatusPrimaryVariants | TNeutralVariants | TBrandVariants, (typeof NAVIGATION_TAB_VARIANTS)[number]>;
export type NavigationTabProperties = {
/**
* Whether the tab item is selected.
*/
selected?: boolean;
/**
* Leading icon name
*/
icon?: string;
/**
* The id of the tab panel that the tab item controls.
*/
controls?: string;
/**
* The color scheme variant of the tab.
*/
variant?: NavigationTabVariant;
/**
* Whether the tab is expandable.
*/
expandable?: boolean;
/**
* Whether the tab is expanded.
*/
expanded?: boolean;
};