Message

[message] shortcode arguments
classes:
Type -
[positive|negative|success|info|warning|error]
Size -
[mini|tiny|small|medium|large|big|huge|massive]
Color -
[red|green|blue|...]
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 is a header
This message has a header
This message is compact
This message is floating
This message has an icon
Just a second
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

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 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>

Leave a comment

Your email address will not be published. Required fields are marked *