StatusBox

This component is a simplified version of the Bootstrap Alert component, designed for use as a Status indicator for Odin.

Properties

• label (string)

  A label to append to the text within the Status Box, that will remain static as the contents change.

• type (string)

  Defaults to "success", defines the colour and style of the Status box. Has the following Options, if using the standard Bootstrap style:
  • 'primary' : Standard blue
  • 'secondary' : Standard Grey
  • 'success' : Green (default)
  • 'danger' : Red
  • 'warning' : Yellow
  • 'info' : Light Blue
  • 'dark' : Dark Grey
  • 'light' : White

Example

const data = false;
...

<StatusBox label="Data Value" type={data ? "success" : danger"}>{data}</StatusBox>