Message

Message

A message is a way to show a user that something is worth noting.

Message types

Default message

The lowest level of message is default message. Either explicitly set the type, or omit the type. Use this message type for messages that are not essential to be read.

<Message>
  A default note
</Message>

<default type='default'>
  A default note
</Message>

A default note

Notice message

The next level is a notice. Use this message type for messages that are notices but would not break anything for the user if ignored.

<Message type='notice'>
  A notice message
</Message>

<Message notice>
  A notice message
</Message>

A notice message

Warning message

The next level of message is a warning. Use this message type for messages that are notices that might cause an error or exception for the user if ignored, or to point out that an error or exception might occur when they complete the action previously described.

<Message type='warning'>
  A warning note
</Message>

<Message warning>
  A warning note
</Message>

A warning note

Danger message

The final level of message is a danger warning. Use this message type for messages that are notices that can be attached to actions that will likely cause an error or exception for the user.

<Message type='danger'>
  Danger zone!
</Message>

<Message danger>
  Danger zone!
</Message>

Danger zone!

Title

A message can have a title. Please only use <h1> titles.

<Message>
  # A title

  A default note
</Message>

A title

A default note

Size

A message can be made smaller than the default.

<Message size='small'>
  A small note
</Message>

A small note