@engie-group/fluid-design-system-react
Version:
Fluid Design System React
36 lines (35 loc) • 1.14 kB
TypeScript
import React from 'react';
type TInlineMessageVariant = 'success' | 'error' | 'warning' | 'information' | 'discovery' | 'planet' | 'fatal-error';
export declare const NJInlineMessage: React.FC<IInlineMessageProps>;
export interface IInlineMessageProps {
/**
* InlineMessage theme variant.
* Use of `fatal_error` value is deprecated, please use `fatal-error`
*/
variant?: TInlineMessageVariant | 'fatal_error';
/**
* Whether InlineMessage has status indicator icon or not
*/
hasStatus?: boolean;
/**
* Whether InlineMessage has a close icon or not
*/
isClosable?: boolean;
/**
* Callback function executed when the user closes an InlineMessage component<br>Component is removed from DOM after close.
*/
onClose?: React.MouseEventHandler<HTMLElement>;
/**
* Aria label, for accessibility reasons
*/
ariaLabelClose?: string;
/**
* Whether Inline Message is visible or not
*/
isVisible?: boolean;
/**
* Inline message children, contains title and body
*/
children?: React.ReactNode | React.ReactNode[];
}
export {};