{%- let tags: Vec<String> = (0..20).map(|i| format!("v1.{i}.0-beta.{}", 20 - i)).collect() %}
<div style="display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start">
<div style="display:grid;gap:8px;width:200px"><span class="ui-small">Tags</span>
<.scroll_area label="Tags" height="200px"><ul class="ui-scroll-list">{% for tag in tags.iter() %}<li>{{ tag }}</li>{% end %}</ul></.scroll_area>
</div>
<div style="display:grid;gap:8px;width:200px"><span class="ui-small">With edge fade</span>
<.scroll_area label="Tags, faded" height="200px" fade><ul class="ui-scroll-list">{% for tag in tags.iter() %}<li>{{ tag }}</li>{% end %}</ul></.scroll_area>
</div>
</div>