پیام ها
پیام
به عنوان مثال، Huro یک مؤلفه برای پیام ها فراهم می کند که می توانید از آن در فرم های خود استفاده کنید. پیام پیش فرض در پس زمینه خاکستری نمایش داده می شود. برای جزئیات بیشتر نشانه گذاری را بررسی کنید
<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>
پیام رنگی
به عنوان مثال، Huro یک مؤلفه برای پیام ها فراهم می کند که می توانید از آن در فرم های خود استفاده کنید. می توانید رنگ پیام را با کلاس های اصلاح کننده تغییر دهید. کلاس های اصلاح کننده موجود عبارتند از: is-primary
، is-info
، is-success
، is-warning
و is-danger
. برای جزئیات بیشتر در مورد استفاده به کد مراجعه کنید.
<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>