Examples
Alerts tersedia untuk semua teks panjang, serta tombol tutup opsional.
Untuk mendukung aksi menghilangkan atau dismiss alert, sisipkan alert.js pada layout.
Danger Title - with max 2 lines.
Contains a description of the alert. Any link such as Learn More can be included here.
Success Title - with max 2 lines.
Contains a description of the alert. Any link such as Learn More can be included here.
Warning Title - with max 2 lines.
Contains a description of the alert. Any link such as Learn More can be included here.
Helper Title - with max 2 lines.
Contains a description of the alert. Any link such as Learn More can be included here.
Default Title - with max 2 lines.
Contains a description of the alert. Any link such as Learn More can be included here.
<div class="alert alert_danger">
<div class="alert__content">
<h4 class="alert__heading">
Danger Title - with max 2 lines.
</h4>
<p>
Contains a description of the alert. Any link
such as
<a class="link" href="google.com">Learn More</a>
can be included here.
</p>
</div>
</div>
<div class="alert alert_success">
<div class="alert__content">
<h4 class="alert__heading">
Success Title - with max 2 lines.
</h4>
<p>
Contains a description of the alert. Any link
such as
<a class="link" href="google.com">Learn More</a>
can be included here.
</p>
</div>
</div>
<div class="alert alert_warning">
<div class="alert__content">
<h4 class="alert__heading">
Warning Title - with max 2 lines.
</h4>
<p>
Contains a description of the alert. Any link
such as
<a class="link" href="google.com">Learn More</a>
can be included here.
</p>
</div>
</div>
<div class="alert alert_helper">
<div class="alert__content">
<h4 class="alert__heading">
Helper Title - with max 2 lines.
</h4>
<p>
Contains a description of the alert. Any link
such as
<a class="link" href="google.com">Learn More</a>
can be included here.
</p>
</div>
</div>
<div class="alert alert_default">
<div class="alert__content">
<h4 class="alert__heading">
Default Title - with max 2 lines.
</h4>
<p>
Contains a description of the alert. Any link
such as
<a class="link" href="google.com">Learn More</a>
can be included here.
</p>
</div>
</div>