Manual Reference Source 
import MessageContainer from 'cloudify-stage/basic/MessageContainer.js'
public class | source

MessageContainer

Extends:

react~Component → MessageContainer

MessageContainer is a component which uses Grid and Segment components from Semantic-UI-React to display message box. Can be displayed in full screen or inside another container.

Access

Stage.Basic.MessageContainer

Usage

Full screen message - eg. Error Page

MessageContainer

<MessageContainer/>

In widget message - eg. Sites Map notification

MessageContainer

<MessageContainer wide={true} margin='30px auto'/>

Static Member Summary

Static Public Members
public static

propTypes

Static Public Members

public static propTypes: * source

propTypes

Properties:

NameTypeAttributeDescription
children object[]

primary content
textAlign string
  • optional
  • default: 'center'

sets the horizontal alignment of the text
loading boolean
  • optional
  • default: false

if set to true show its content is being loaded
size string
  • optional
  • default: 'big'

sets the Segment's size
wide boolean
  • optional
  • default: false

if set to true the container will be wider
margin string
  • optional
  • default: '80px auto'

sets the Segment's margin