You are on page 1of 2

Materialize CSS

H1 – H6 – Heading
P – Paragraph
blockquote – for quotes
flow-text – a type of paragraph formatting
align – left-align, right-align and center-align
quick floats – left,right,center
clear fix – class = “ clearfix”
text color – colorname-text as class
line background or background – colorname as class

BUTTONS:
btn as class name for simple button and can be applied to anchor tag also.
btn waves-effect waves-light for waves effect when button pressed
btn white(for background color) color-text waves-effect waves-colorname for colorful
waves
btn-large for large size
btn disabled for disabled button

MATERIAL ICONS:
Check website
Basic Syntax:
<i class=”material-icons size(large,medium,small,tiny) color-text(for coloring
icons)”>nameoficon</i>

BUTTONS WITH ICONS:


Add normal button class to button and for icon add icons before name using i tag

You might also like