⇠ Back to the GUI source list

Testing buttons v3.0.1 WBC

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