Collection

Basic

Group items together in a collection.

John Coltrane
Sonny Rollins
Joe Henderson
<div class="collection">
	<div class="collection-block">John Coltrane</div>
	<div class="collection-block">Sonny Rollins</div>
	<div class="collection-block">Joe Henderson</div>
</div>

Header

Optionally add a header to your collection.

Saxophone Heroes
John Coltrane
Sonny Rollins
Joe Henderson
<div class="collection">
	<h6 class="collection-header">Saxophone Heroes</h6>
	<div class="collection-block">John Coltrane</div>
	<div class="collection-block">Sonny Rollins</div>
	<div class="collection-block">Joe Henderson</div>
</div>

Links

You could have a collection of links.

<div class="collection">
	<h6 class="collection-header">Saxophone Heroes</h6>
	<a href="" class="collection-block">John Coltrane</a>
	<a href="" class="collection-block">Sonny Rollins</a>
	<a href="" class="collection-block">Joe Henderson</a>
</div>

Badges

You can even add badges, e.g. to indicate new content.

<div class="collection">
	<a href="" class="collection-block">
		<span class="badge is-success">4 unread</span>
		Inbox
	</a>
	<a href="" class="collection-block">Sent</a>
	<a href="" class="collection-block">Trash</a>
</div>

Accordion

Use a collection as an accordion to expand and show additional content.

Kriyā does not include JavaScript, so you'll have to implement the accordion yourself.

Saxophone Heroes

John William Coltrane, also known as "Trane", was an American jazz saxophonist and composer. Working in the bebop and hard bop idioms early in his career, Coltrane helped pioneer the use of modes in jazz and was later at the forefront of free jazz.

Walter Theodore "Sonny" Rollins is an American jazz tenor saxophonist, widely recognized as one of the most important and influential jazz musicians.

Joe Henderson was an American jazz tenor saxophonist. In a career spanning more than 40 years Henderson played with many of the leading American players of his day and recorded for several prominent labels, including Blue Note.

<div class="collection">
	<h6 class="collection-header">Saxophone Heroes</h6>
	<button class="collection-block accordion">John Coltrane</button>
	<div class="collection-block accordion-block">
		<p>John William Coltrane, also known as "Trane", was an American jazz saxophonist and composer. Working in the bebop and hard bop idioms early in his career, Coltrane helped pioneer the use of modes in jazz and was later at the forefront of free jazz.</p>
	</div>
	<button class="collection-block accordion">Sonny Rollins</button>
	<div class="collection-block accordion-block">
		<p>Walter Theodore "Sonny" Rollins is an American jazz tenor saxophonist, widely recognized as one of the most important and influential jazz musicians.</p>
	</div>
	<button class="collection-block accordion">Joe Henderson</button>
	<div class="collection-block accordion-block">
		<p>Joe Henderson was an American jazz tenor saxophonist. In a career spanning more than 40 years Henderson played with many of the leading American players of his day and recorded for several prominent labels, including Blue Note.</p>
	</div>
</div>