--- layout : 'default' css : 'index' title : 'UI Collections' description : 'UI collections are elements which contain other elements which often appear together.' type : 'Semantic' --- <%- @partial('header') %>

Types of Collections

Breadcrumb

A breadcrumb is a menu to show the location of the current section in relation to other sections.

Form

A form is used to solicit a user response

1
2
3
Grid

A grid helps harmonize negative space in a layout

Menu

A menu organizes related links

We're sorry we can't process your idea just yet

Please enter your name

Message

Messages alert a user to something important.

Name Status
John Approved
John Unconfirmed
Sally Denied
Table

A table collects related data into rows of content