⇠ Back to the GUI source list

Testing buttons v3.0.3 WBG

buttons


Link-button Primary Link-button Hero Link-button Neutral Link-button Faint

link buttons in text

normal text normal text
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia perspiciatis magnam laudantium cumque nihil corporis rerum! Ex sunt repudiandae commodi nobis, optio, sapiente consectetur normal Link cupiditate odio ad velit hic in! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi illo deserunt autem earum quam incidunt totam, nihil consequatur quod, dolor iusto quas vel et porro sapiente corrupti doloremque facere rem.

link buttons with icons







soft buttons


Link-button Primary Link-button Hero Link-button Neutral Link-button Faint

disabled buttons

buttons with icons

buttons with icons embedded

buttons with icons in different sizes















button sizes

Primary Primary Primary Primary

Hero Hero Hero Hero

Neutral Neutral Neutral Neutral

Faint Faint Faint Faint

button responsive sizes

LXI-yg btn-sm-lg LXI-yg btn-sm-lg

LXI-yg btn-md-lg LXI-yg btn-md-lg

LXI-yg btn-lg-lg LXI-yg btn-lg-lg

LXI-yg btn-xl-lg LXI-yg btn-xl-lg





btn-md-sm btn-lg-xs

block buttons

button-groups toggle

button-groups with leading line

Do you want daily email updates?

block button-groups

button-groups sizing


dropdown sizes (not the button)

dropdown buttons

block dropdown buttons

dropdown button with checkboxes

dropdown button with radios