Message

May 23, 2016bywebsevendev

Classes

Type	`positive` `negative` `success` `info` `warning` `error`
Size	`mini` `tiny` `small` `medium` `large` `big` `huge` `massive`
Color	`red` `orange` `yellow` `olive` `green` `teal` `blue` `violet` `purple` `pink` `brown` `grey` `black`
Attach	`top attached` `bottom attached`
Other	`compact` `floating`

icon Name of the icon to use.

header Message header text.

Messages

This is a generic message

This is a warning message

This is an info message

This is a positive message

This is a negative message

This is a pink message

[message]This is a generic message[/message]
[message warning]This is a warning message[/message]
[message info]This is an info message[/message]
[message positive]This is a positive message[/message]
[message negative]This is a negative message[/message]
[message pink]This is a pink message[/message]

Message sizes

This is a very small message

This is default

This is large

This is huge

This is massive

[message small]This is a very small message[/message]
[message]This is default[/message]
[message large]This is large[/message]
[message huge]This is huge[/message]
[message massive]This is massive[/message]

Icon in content

This message content has an icon

[message info][icon info]This message content has an icon[/message]

Message variations

This message has a header

This message is compact

This message is floating

This message has an icon

We're fetching that content for you.
Not really.
But we have multiple lines of text.

[message positive header="This is a header"]This message has a header[/message]
[message compact warning]This message is compact[/message]
[message floating]This message is floating[/message]
[message red icon icon="inbox"]This message has an icon[/message]
[message info icon header="Just a second" icon="notched circle loading"]
We're fetching that content for you.
Not really.
But we have multiple lines of text.[/message]

Attached message

This is a generic message

Lorem ipsum dolor sit amet, dolor maiorum ius ei, sea omnesque verterem ne. Facer decore theophrastus ne est, ea vim quot fierent eloquentiam, in reque porro mei. Ex legere laoreet scripserit ius, partem soluta timeam eu vim. Te mea congue aperiam, at mei diceret dolorum molestiae. Placerat complectitur vim ex.

This is a warning message

This is an info message

[message top attached success][icon announcement]This is a generic message[/message]
[segment attached][lorem short][/segment]
[message attached warning][icon warning sign]This is a warning message[/message]
[segment attached][lorem short][/segment]
[message bottom attached info][icon info]This is an info message[/message]

More about messages: semantic-ui.com/collections/message.html