Vincent Morneau
Waves
Click on the buttons below to see the wave effect.
Available Colors
1
2
Template Options
Component Name: BTN5
Template: Text
Template OptionValue(s)Comments
Full Column WidthYesThis makes the button to be 100% of the width of it's container.
Inline (Next to an item)Yes
PulseYesDraw attention to your buttons with this subtle but captivating effect.
TypeRaised
TypeFlat
TypeOutlined
SizeLarge
Background ColorBlack
Background ColorWhite
Background ColorTransparent
Background ColorRed
Background ColorPink
Background ColorPurple
Background ColorDeep Purple
Background ColorIndigo
Background ColorBlue
Background ColorLight Blue
Background ColorCyan
Background ColorTeal
Background ColorGreen
Background ColorLight Green
Background ColorLime
Background ColorYellow
Background ColorAmber
Background ColorOrange
Background ColorDeep Orange
Background ColorBrown
Background ColorGrey
Background ColorBlue Grey
Background ModifierAccent 1
Background ModifierAccent 2
Background ModifierAccent 3
Background ModifierAccent 4
Background ModifierDarken 1
Background ModifierDarken 2
Background ModifierDarken 3
Background ModifierDarken 4
Background ModifierLighten 1
Background ModifierLighten 2
Background ModifierLighten 3
Background ModifierLighten 4
Background ModifierLighten 5
Text ColorBlack
Text ColorAmber
Text ColorBlue Grey
Text ColorBlue
Text ColorBrown
Text ColorCyan
Text ColorDeep Orange
Text ColorDeep Deep Purple
Text ColorGreen
Text ColorGrey
Text ColorLight Indigo
Text ColorLight Blue
Text ColorLight Green
Text ColorLime
Text ColorLight Orange
Text ColorPink
Text ColorPurple
Text ColorRed
Text ColorTeal
Text ColorWhite
Text ColorYellow
Wave EffectGreen
Wave EffectLight
Wave EffectOrange
Wave EffectPurple
Wave EffectRed
Wave EffectTeal
Wave EffectDefault
Wave EffectNone
Wave EffectYellow
ShadowDepth 0
ShadowDepth 1
ShadowDepth 2
ShadowDepth 3
ShadowDepth 4
ShadowDepth 5
Hiding ContentHidden for All Devices
Hiding ContentHidden for Small Only
Hiding ContentHidden for Medium Only
Hiding ContentHidden for Large Only
Hiding ContentHidden for Medium and Below
Hiding ContentHidden for Medium and Above
Hiding ContentHidden for Small and Large
Margin top0Apply "Margin top" to any element with a template option.
Margin top1Apply "Margin top" to any element with a template option.
Margin top2Apply "Margin top" to any element with a template option.
Margin top3Apply "Margin top" to any element with a template option.
--------- bottom0Apply "Margin bottom" to any element with a template option.
--------- bottom1Apply "Margin bottom" to any element with a template option.
--------- bottom2Apply "Margin bottom" to any element with a template option.
--------- bottom3Apply "Margin bottom" to any element with a template option.
--------- right0Apply "Margin right" to any element with a template option.
--------- right1Apply "Margin right" to any element with a template option.
--------- right2Apply "Margin right" to any element with a template option.
--------- right3Apply "Margin right" to any element with a template option.
--------- left0Apply "Margin left" to any element with a template option.
--------- left1Apply "Margin left" to any element with a template option.
--------- left2Apply "Margin left" to any element with a template option.
--------- left3Apply "Margin left" to any element with a template option.
Padding top0Apply "Padding top" to any element with a template option.
Padding top1Apply "Padding top" to any element with a template option.
Padding top2Apply "Padding top" to any element with a template option.
Padding top3Apply "Padding top" to any element with a template option.
----------- bottom0Apply "Padding bottom" to any element with a template option.
----------- bottom1Apply "Padding bottom" to any element with a template option.
----------- bottom2Apply "Padding bottom" to any element with a template option.
----------- bottom3Apply "Padding bottom" to any element with a template option.
----------- right0Apply "Padding right" to any element with a template option.
----------- right1Apply "Padding right" to any element with a template option.
----------- right2Apply "Padding right" to any element with a template option.
----------- right3Apply "Padding right" to any element with a template option.
----------- left0Apply "Padding left" to any element with a template option.
----------- left1Apply "Padding left" to any element with a template option.
----------- left2Apply "Padding left" to any element with a template option.
----------- left3Apply "Padding left" to any element with a template option.