Buttons

The .button classes can be used with <button>, <a>, or <input> elements.

Primary Button

This is the primary action button. In general, only one primary button per page should be used.

This is the secondary button styling.

This is the icon button styling.

This is the ghost button styling.

More actions dropdown for list view and profile pages.

My Profile and Settings dropdown in top-right portion of <header>.

Secondary dropdown button (not currently in use).