Buttons

Default buttons

Small buttons

Large buttons

Buttons inside btn-container

<a href> tag <a href> tag

Buttons only icon (1:1 squared/round)

Input fields

Form group label

Email type

Password type

Tel type

Number type

Date type

Time type

Readonly field

Disabled field

Input groups

Form group label

€

text (addon and button)

€

no-borders

€

icon (addon and button)

no-borders

password switch

no-borders

form-control-icon

Select & Textarea

Select

Textarea

Help text

Help above input/group

Please use a minimum of 8 characters and include at least 1 number.

Help below input/group

Forgot password?

Radio & checkbox

Checkbox list

Ja, schrijf mij in voor de nieuwsbrief en hou mij op de hoogte van aanbiedingen.

Ja, ik ga akkoord met de Algemene Voorwaarden en Privacy Policy.

Disabled

Checked, disabled

Radiobutton list

Bestel eenmalig, zonder account aanmaken.

Registreer voor een account en krijg korting op je eerste bestelling.

Disabled

Checked, disabled

Inline options

Evenementen

Aanbiedingen

Dhr.

Mevr.

Label change on checked

is-checkedis-unchecked

Switch buttons

switch

Registreer voor een account en krijg korting op je eerste bestelling.

File inputs

Upload je bestanden

Toegestane bestanden zijn txt, xml, csv, xls, xlsx, doc, docx, json, pdf, zip, jpg, jpeg en png. Bestanden mogen maximaal 5 MB groot zijn. Afbeeldingen dienen minimaal 300 pixels breed of hoog te zijn.

Bestand kiezen...

Inline form elements

(form-controls have no specific width)

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Floating labels

Text type Email type Password type

Tel type Number type

date type Time type Readonly field Disabled field

Select

Textarea

Forms