Buttons

[su_button size="1"] Click me [/su_button] [su_button size="2"] Click me [/su_button]

[su_button size="3"] Click me [/su_button] [su_button size="4"] Click me [/su_button]

[su_button size="5"] Click me [/su_button] [su_button size="6"] Click me [/su_button]

[su_button size="7"] Click me [/su_button] [su_button size="8"] Click me [/su_button]

[su_button size="9"] Click me [/su_button] [su_button size="10"] Click me [/su_button]

[su_button size="32"] Unlimited sizes! [/su_button]

Unlimited sizes

[su_button size=»1″] Click me [/su_button] [su_button size=»2″] Click me [/su_button]

[su_button size=»3″] Click me [/su_button] [su_button size=»4″] Click me [/su_button]

[su_button size=»5″] Click me [/su_button] [su_button size=»6″] Click me [/su_button]

[su_button size=»7″] Click me [/su_button] [su_button size=»8″] Click me [/su_button]

[su_button size=»9″] Click me [/su_button] [su_button size=»10″] Click me [/su_button]

[su_button size=»32″] Unlimited sizes! [/su_button]

[su_button background="#2D89EF"] Click me [/su_button] [su_button background="#9E2DEF"] Click me [/su_button] [su_button background="#F72EBA"] Click me [/su_button]

[su_button background="#FF2F3B"] Click me [/su_button] [su_button background="#FF742F"] Click me [/su_button] [su_button background="#FFA52F"] Click me [/su_button]

[su_button background="#FFCF2F"] Click me [/su_button] [su_button background="#FFF92F"] Click me [/su_button] [su_button background="#C5ED2C"] Click me [/su_button]

[su_button background="#3AD828"] Click me [/su_button] [su_button background="#27CBD5"] Click me [/su_button] [su_button background="#000000"] Click me [/su_button]

[su_button background="#eee" color="#2D89EF"] Click me [/su_button] [su_button background="#eee" color="#9E2DEF"] Click me [/su_button] [su_button background="#eee" color="#F72EBA"] Click me [/su_button]

[su_button background="#eee" color="#FF2F3B"] Click me [/su_button] [su_button background="#eee" color="#FF742F"] Click me [/su_button] [su_button background="#eee" color="#FFA52F"] Click me [/su_button]

[su_button background="#eee" color="#FFCF2F"] Click me [/su_button] [su_button background="#eee" color="#FFF92F"] Click me [/su_button] [su_button background="#eee" color="#C5ED2C"] Click me [/su_button]

[su_button background="#eee" color="#3AD828"] Click me [/su_button] [su_button background="#eee" color="#27CBD5"] Click me [/su_button] [su_button background="#eee" color="#000000"] Click me [/su_button]

Unlimited colors

[su_button background=»#2D89EF»] Click me [/su_button] [su_button background=»#9E2DEF»] Click me [/su_button] [su_button background=»#F72EBA»] Click me [/su_button]

[su_button background=»#FF2F3B»] Click me [/su_button] [su_button background=»#FF742F»] Click me [/su_button] [su_button background=»#FFA52F»] Click me [/su_button]

[su_button background=»#FFCF2F»] Click me [/su_button] [su_button background=»#FFF92F»] Click me [/su_button] [su_button background=»#C5ED2C»] Click me [/su_button]

[su_button background=»#3AD828″] Click me [/su_button] [su_button background=»#27CBD5″] Click me [/su_button] [su_button background=»#000000″] Click me [/su_button]

[su_button background=»#eee» color=»#2D89EF»] Click me [/su_button] [su_spacer size=»20″][su_button background=»#eee» color=»#9E2DEF»] Click me [/su_button] [su_button background=»#eee» color=»#F72EBA»] Click me [/su_button]

[su_button background=»#eee» color=»#FF2F3B»] Click me [/su_button] [su_button background=»#eee» color=»#FF742F»] Click me [/su_button] [su_button background=»#eee» color=»#FFA52F»] Click me [/su_button]

[su_button background=»#eee» color=»#FFCF2F»] Click me [/su_button] [su_button background=»#eee» color=»#FFF92F»] Click me [/su_button] [su_button background=»#eee» color=»#C5ED2C»] Click me [/su_button]

[su_button background=»#eee» color=»#3AD828″] Click me [/su_button] [su_button background=»#eee» color=»#27CBD5″] Click me [/su_button] [su_button background=»#eee» color=»#000000″] Click me [/su_button]

[su_button style="default"] Click me [/su_button] [su_button style="flat"] Click me [/su_button] [su_button style="glass"] Click me [/su_button]

[su_button style="noise"] Click me [/su_button] [su_button style="bubbles"] Click me [/su_button] [su_button style="soft"] Click me [/su_button]

[su_button style="stroked"] Click me [/su_button] [su_button style="3d"] Click me [/su_button] [su_button style="ghost" color="#2D89EF"] Click me [/su_button]

Different background styles

[su_button style=»default»] Click me [/su_button] [su_button style=»flat»] Click me [/su_button] [su_button style=»glass»] Click me [/su_button]

[su_button style=»noise»] Click me [/su_button] [su_button style=»bubbles»] Click me [/su_button] [su_button style=»soft»] Click me [/su_button]

[su_button style=»stroked»] Click me [/su_button] [su_button style=»3d»] Click me [/su_button] [su_button style=»ghost» color=»#2D89EF»] Click me [/su_button]

[su_button radius="square"] Click me [/su_button] [su_button radius="auto"] Click me [/su_button] [su_button radius="10"] Click me [/su_button] [su_button radius="round"] Click me [/su_button]

Customizable border radius

[su_button radius=»square»] Click me [/su_button] [su_button radius=»auto»] Click me [/su_button] [su_button radius=»10″] Click me [/su_button] [su_button radius=»round»] Click me [/su_button]

List of built-in icons

[su_button icon="icon: check"] Click me [/su_button] [su_button icon="icon: arrow-right"] Click me [/su_button] [su_button icon="icon: shopping-cart"] Click me [/su_button]

[su_button icon="icon: cogs" color="#000000" icon_color="#000000"] Click me [/su_button] [su_button icon="icon: comments" color="#000000" icon_color="#000000"] Click me [/su_button] [su_button icon="icon: cloud-download" color="#000000" icon_color="#000000"] Click me [/su_button]

Built-in icon font

List of built-in icons

[su_button icon=»icon: check»] Click me [/su_button] [su_button icon=»icon: arrow-right»] Click me [/su_button] [su_button icon=»icon: shopping-cart»] Click me [/su_button]

[su_button icon=»icon: cogs» color=»#000000″ icon_color=»#000000″] Click me [/su_button] [su_button icon=»icon: comments» color=»#000000″ icon_color=»#000000″] Click me [/su_button] [su_button icon=»icon: cloud-download» color=»#000000″ icon_color=»#000000″] Click me [/su_button]