HTML Buttons
Prior to VDL 4.7, views that required a button were built using the <button> element.
Standard Button
From VDL 4.7, the HTML Button element uses FICO Styling by default.
View Designer
Code editor
<vdl-button label="Standard"></vdl-button>
Primary Button
To style as a 'primary' vdl-button then add the class 'btn-primary'.
View Designer
Code editor
<vdl-button class="btn-primary" label="Primary"></vdl-button>
Emphasized Button
A vdl-button can be styled as an 'emphasized' button by using the class 'btn-emphasized'.
View Designer
Code editor
<vdl-button class="btn-emphasized" label="Emphasized"></vdl-button>
Disabled Button
A vdl-button can be marked as unavailable by setting the class as 'disabled'.
View Designer
Code editor
<vdl-button class="disabled" label="Disabled"></vdl-button>