Classes and Selectors Buttons

Old Version

This documentation is for version Framework 4.1. When developing new sites, please refer to 5.0 Framework Documentation.

Skill Level: 
Intermediate

Class

.wdn-button
Displays the element like it is a button (flat, rounded, colored in neutral family)
Hello



<div class="wdn-button">
    Hello
</div>

Class

.wdn-button-triad
Displays the element like it is a button (flat, rounded, colored in neutral family)
Hello



<div class="wdn-button wdn-button-triad">
    Hello
</div>

Class

.wdn-button-complement
Displays the element like it is a button (flat, rounded, colored in neutral family)
Hello



<div class="wdn-button wdn-button-complement">
    Hello
</div>

Class

.wdn-button-brand
Displays the element like it is a button (flat, rounded, colored in neutral family)
Hello



<div class="wdn-button wdn-button-brand">
    Hello
</div>

Class

.wdn-button-energetic
Displays the element like it is a button (flat, rounded, colored in neutral family)
Hello



<div class="wdn-button wdn-button-energetic">
    Hello
</div>
Contributed By: 
IIM