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
[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]