Knoppen tests.

Op deze pagina staan alle verschillende button-varianten met alle bijbehorende states.

Primaire button

Button states:

Input type = button states:

Link <a> as a button states:

Button primary Button disabled Button hover Button focus Button active/on mouse down Button selected Icon button Icon with text button

Submit-button <button type="submit"> states:

Input type = submit <input type="submit">:

Input type = submit <input type="submit">:

Button reset <button type="reset">:

Input type = reset <input type="reset">:

Secundaire button-variant

Button states:

Input type = button states:

Link <a> as a button:

Button primary Button disabled Button hover Button focus Button active/on mouse down Button selected Icon button Icon with text button

Submit-button <button type="submit">:

Input type = submit <input type="submit">:

Button reset <button type="reset">:

Input type = reset <input type="reset">:

Different types of buttons

Lorem ipsum

Call to action button-variant

Button states:

Input type = button states:

Link <a> as a button:

Button primary Button disabled Button hover Button focus Button active/on mouse down Button selected Icon button Icon with text button

Submit-button <button type="submit">:

Input type = submit <input type="submit">:

Button reset <button type="reset">:

Input type = reset <input type="reset">:

Destructive button-variant

Button states:

Input type = button states:

Link <a> as a button:

Button primary Button disabled Button hover Button focus Button active/on mouse down Button selected Icon button Icon with text button

Submit-button <button type="submit">:

Input type = submit <input type="submit">:

Button reset <button type="reset">:

Input type = reset <input type="reset">:

Terug naar het hoofdmenu