office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
52 lines (51 loc) • 1.5 kB
TypeScript
import * as React from 'react';
export interface IMessageBarProps extends React.HTMLProps<HTMLElement> {
/**
* The type of MessageBar to render.
* @defaultvalue MessageBarType.info
*/
messageBarType?: MessageBarType;
/**
* The actions you want to show on the other side.
*/
actions?: JSX.Element;
/**
* A description of the message bar for the benefit of screen readers.
*/
ariaLabel?: string;
/**
* Whether the message bar has a dismiss button and its callback.
* If null, we don't show a dismiss button.
* @defaultvalue null
*/
onDismiss?: (ev?: React.MouseEvent<HTMLButtonElement>) => any;
/**
* Determines if the message bar is multi lined.
* If false, and the text overflows over buttons or to another line, it is clipped.
* @defaultvalue true
*/
isMultiline?: boolean;
/**
* Aria label on dismiss button if onDismiss is defined.
*/
dismissButtonAriaLabel?: string;
}
export declare enum MessageBarType {
/** Info styled MessageBar */
info = 0,
/** Error styled MessageBar */
error = 1,
/** Blocked styled MessageBar */
blocked = 2,
/** SevereWarning styled MessageBar */
severeWarning = 3,
/** Success styled MessageBar */
success = 4,
/** Warning styled MessageBar */
warning = 5,
/**
* @deprecated
* Deprecated at v0.48.0, to be removed at >= v1.0.0. Use 'blocked' instead.
*/
remove = 6,
}