Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Text

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Default Button
Primary Button
Secondary Button
Basic Button
Outlined Button
Outlined Primary Button
Code
  • //Default Button
  • ui button
  • {Button Text}
  • //Other Classes
  • ui primary button, ui secondary button
  • ui basic button
  • ui outlined button, ui outlined primary button
Icon

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Code
  • //Default Icon Button
  • ui icon button
  • icon person add
  • //Other Classes
  • ui primary icon button, ui secondary icon button
  • ui basic icon button
  • ui outlined icon button, ui outlined primary icon button
Labeled Icon

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Pause
Next
Add Contact
Visit Site
Open the door
Turn off
Code
  • //Default Labeled Icon Button
  • ui labeled icon button
  • icon person add
  • {Add Contact}
  • //Other Classes
  • ui primary labeled icon button, ui secondary labeled icon button
  • ui basic labeled icon button
  • ui outlined labeled icon button, ui outlined primary labeled icon button
Labeled

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Like
1,038
Like
1,038
Like
1,038
Like
1,038
Like
1,038
Like
1,038
Code
  • //Default Labeled Button
  • ui labeled icon button
  • ui button
  • icon favorite
  • {Like}
  • ui basic label
  • {1,038}
  • //Other Classes
  • ui labeled button
  • ui primary button, ui secondary button
  • ui basic button
  • ui outlined button, ui outlined primary button
States

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Active Button
Loading Button
Disabled Button
Code
  • //Active Button
  • ui active button
  • {Button Text}
  • //Loading Button
  • ui loading button
  • {Button Text}
  • //Disabled Button
  • ui disabled button
  • {Button Text}
Colored

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Red Button
Orange Button
Green Button
Purple Button
Code
  • //Colored Button
  • ui red button
  • {Button Text}
Sizes

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Tiny Button
Small Button
Large Button
Big Button
Tiny Button
Small Button
Large Button
Big Button
Code
  • //Small Button
  • ui small button
  • {Button Text}
  • //Other Sizes
  • ui tiny button, ui large button, ui big button
Vertical Buttons

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Feed
Messages
Events
Photos
One
Two
Three
One
Two
Three
One
Two
Three
Code
  • //Small Button
  • ui small button
  • {Button Text}
  • //Other Sizes
  • ui tiny button, ui large button, ui big button

© 2017 B3Networks.