UCLA Web Components

Ribbons: Default 

<!-- RIBBON -->
<div class="ribbon">
    <h2>15 of the 20 largest fires in Californian history have occurred since 2000.</h2>
</div>

<!-- HIGHLIGHT RIBBON -->
<div class="ribbon ribbon--highlight">
    <h3>85% of undergraduates enroll in the college.</h3>
</div>

<div class="ribbon ribbon--highlight ribbon--right">
    <h3>85% of undergraduates enroll in the college.</h3>
</div>
 
{{ render '@ribbons--brand' }}

{{ render '@ribbons--highlight' }}
 
/* No context defined. */

No notes defined.