--- layout : 'default' css : 'progress' title : 'UI Elements' description : 'Elements are the basic building blocks of a website.' type : 'Semantic' --- <%- @partial('header') %>

Types

Follow


Button

A button indicates a possible user action.

Divider

A divider visually segments content into separate groups

Section 2
The second section of the website

Header

Headers provide a short summary of content

Progress Bar

A progress bar displays progress on a task

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.

Segment

A segment is used to create a grouping of related content.

Image

An image is a graphic representation of something

First
Second
Third
Last
Step

Steps show the current activity in a series of steps.

Icon

An icon is a glyph used to represent another concept more simply

Dog
New


HTML
Label

Labels give descriptions to sections of content.