Elementen | Adam Und Eden

Buttons

Default buttons

Small buttons

Large buttons

Buttons outlined

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.

Input buttons

btn-check

checkbox 1checkbox 2checkbox 3

radio 1radio 2radio 3

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...

Bestandstype is ongeldig
Bestandsgrootte is ongeldig
Afbeelding heeft niet de vereiste afmetingen
Afbeelding kan niet worden geladen

Bestand kiezen...

Bestandstype is ongeldig
Bestandsgrootte is ongeldig
Afbeelding heeft niet de vereiste afmetingen
Afbeelding kan niet worden geladen

Bestand kiezen...

Bestandstype is ongeldig
Bestandsgrootte is ongeldig
Afbeelding heeft niet de vereiste afmetingen
Afbeelding kan niet worden geladen

Bestand kiezen...

Bestandstype is ongeldig
Bestandsgrootte is ongeldig
Afbeelding heeft niet de vereiste afmetingen
Afbeelding kan niet worden geladen

Bestand kiezen...

Bestandstype is ongeldig
Bestandsgrootte is ongeldig
Afbeelding heeft niet de vereiste afmetingen
Afbeelding kan niet worden geladen

Row-col form elements

(form-controls will fit to column-width)

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Inline form elements

(form-controls have no specific width)

Dhr.

Mevr.

€

Dhr.

Mevr.

€

Dhr.

Mevr.

€