Message
Huro provides a component for messages that you can use in your forms, for instance. The default message is displayed on a grey background. Check the markup for more details.
<div class="message">
<a class="delete"></a>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis placerat
ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
purus diam, et dictum.
</div>
</div>
Message Colors
Huro provides a component for messages that you can use in
your forms, for instance. You can change message colors with
modifier classes. Available modifier classes are
is-primary, is-info,
is-success, is-warning and
is-danger. See code for more details about usage.
<div class="message is-primary">
<a class="delete"></a>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis placerat
ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
purus diam, et dictum.
</div>
</div>
<div class="message is-success">
<a class="delete"></a>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis placerat
ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
purus diam, et dictum.
</div>
</div>
<div class="message is-warning">
<a class="delete"></a>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis placerat
ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
purus diam, et dictum.
</div>
</div>
<div class="message is-danger">
<a class="delete"></a>
<div class="message-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempus quis placerat
ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida
purus diam, et dictum.
</div>
</div>