Message

The Message component is a simple, colored message block used to emphasize part of your page.

API Documentation

Example #

Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message>
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>

Colors #

The message component supports multiple colors.
Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Dark">
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>

<Message Color="MessageColor.Link">
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Primary">
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Info">
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Success">
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Warning">
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Danger">
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>

Message body only #

You can remove the MessageHeader if you don't need it, which will add a left border to the MessageBody.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Dark">
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>

<Message Color="MessageColor.Link">
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Primary">
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Info">
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Success">
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Warning">
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Color="MessageColor.Danger">
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>

Sizes #

Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Size="MessageSize.Small">
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message>
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Size="MessageSize.Medium">
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message Size="MessageSize.Large">
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>

Hide close button #

Hello World
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed fermentum, nunc a gravida consectetur, eros velit ultricies nulla, nec scelerisque nunc risus id neque. Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, arcu ut pretium sollicitudin, ligula metus convallis risus, at vulputate felis ligula a nisl. Integer posuere, nisi eget tristique malesuada, purus sapien suscipit ligula, ut iaculis ipsum justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. Aliquam erat volutpat. 
<Message ShowDeleteButton="false">
    <MessageHeader>
        <div>Hello World</div>
    </MessageHeader>
    <MessageBody>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        Nulla facilisi. Sed fermentum, nunc a <strong>gravida consectetur</strong>,
        eros velit ultricies nulla, nec scelerisque nunc risus id neque. 
        Fusce id ligula in odio gravida feugiat. Vestibulum venenatis, 
        arcu ut <a>pretium sollicitudin</a>, ligula metus convallis risus,
        at vulputate felis ligula a nisl. Integer posuere, nisi eget 
        tristique malesuada, purus sapien <em>suscipit ligula</em>, ut iaculis ipsum
        justo eget mauris. Curabitur et felis sed odio tempor dictum nec ut eros. 
        Aliquam erat volutpat.
    </MessageBody>
</Message>
If you like BlazorExpress.Bulma, give it a star on GitHub!