notifications_none
  • You have 23 new notifications!
  • plus_one You have 3 new orders. just now
  • error_outline Database error 1 min
  • new_releases The Death Star is built! 2 hours
  • mail_outline You have 4 new mails. 5 days
mail_outline
  • You have 4 new messages!
  • A Alice Birthday Party just now
  • M Mike No theme 5 min
  • D Darth Suggestion 23 hours
  • D Don McDuket NEWS 30 Nov
Luke
darkboard

Basic buttons

  • Normal
  • Disabled

Buttons with icons

  • Normal
  • Disabled

Social buttons

  • Normal
  • Disabled

Icon buttons

  • Normal
  • Social
  • Disabled

Raised Icon buttons

  • Normal
  • Social
  • Disabled

Buttons without background

  • Basic button
  • Disabled
  • Button with icon
  • Social

Fab button

  • Colored FAB
  • With ripple
  • Disable

How to use

To use button with color background, you need to use CSS class naming as the corresponding color in lowercase with prefix button--colored-.
If the color name is composed of more than one world, the words are separated by a dash "-".
You can see the names of the colors here.

Example: You want to use colored button with color naming "Teal". CSS class for this case is .button--colored-teal


To use social button, you need to use CSS class naming as the corresponding social network in lowercase with prefix button--.

Example: You want to use Facebook button. CSS class for this case is .button--facebook