@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
35 lines (34 loc) • 1.54 kB
TypeScript
import { IStyle, IFontWeight } from '@uifabric/styling';
import { IComponent, IHTMLSlot, IStyleableComponentProps } from '../../../Foundation';
import { ITextSlot } from 'office-ui-fabric-react';
import { IPersonaCoinSlot } from '../../PersonaCoin/PersonaCoin.types';
export declare type IVerticalPersonaComponent = IComponent<IVerticalPersonaProps, IVerticalPersonaTokens, IVerticalPersonaStyles>;
export declare type IVerticalPersonaTokenReturnType = ReturnType<Extract<IVerticalPersonaComponent['tokens'], Function>>;
export declare type IVerticalPersonaStylesReturnType = ReturnType<Extract<IVerticalPersonaComponent['styles'], Function>>;
export interface IVerticalPersonaSlots {
root?: IHTMLSlot;
primaryText?: ITextSlot;
secondaryText?: ITextSlot;
coin?: IPersonaCoinSlot;
}
export interface IVerticalPersonaProps extends IVerticalPersonaSlots, IStyleableComponentProps<IVerticalPersonaProps, IVerticalPersonaTokens, IVerticalPersonaStyles> {
vertical: true;
text: string;
}
export interface IVerticalPersonaStyles {
root?: IStyle;
primaryText?: IStyle;
secondaryText?: IStyle;
coin?: IStyle;
}
export interface IVerticalPersonaTokens {
verticalPersonaWidth?: number;
fontFamily?: string;
horizontalTextPadding?: number;
primaryTextPaddingTop?: string;
primaryTextFontSize?: string;
primaryTextFontWeight?: IFontWeight;
secondaryTextPaddingTop?: string;
secondaryTextFontSize?: string;
secondaryTextFontWeight?: IFontWeight;
}