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

Floating labels

Text type

Email type

Password type

Tel type

Number type

Date type

Time type

Readonly field

Disabled field

Select

Textarea

Floating labels on load

Text type

Email type

Password type

Tel type

Number type

Date type

Time type

Readonly field

Disabled field

Select

Textarea

Voorbeeldformulieren

Gebruk deze forms om snel je eigen form op te zetten.

Goede regels voor formulieren:

Gebruik <fieldset> en <legend> om delen logisch en overzichtelijk te houden.
Velden horen een logische breedte te hebben die past bij de input, NIET 100% breed.
Gebruik GEEN placeholders als label.
(tenzij als floating label of hele korte forms zoals een login)

Persoonsgegevens

Aanhef

Dhr

Mevr

Naam

Voornaam

Achternaam

Contactgegevens

E-mailadres

Telefoonnummer (optioneel)

Adresgegevens (with AddressLookup)

Postcode

Huisnummer

Toevoeging

Straat

Plaats

Land

Bedrijfsgegevens

Bedrijfsnaam

T.a.v.

KvK-nummer

Btw-nummer

E-mailadres

Wachtwoord

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

E-mailadres

Wachtwoord

Forgot password?

Offerte

Evenement

Datum

Aantal personen

Faciliteiten

Lunch

Diner

Audio-/video-ondersteuning

Aanbiedingen

Reservering

Incheckdatum

Uitcheckdatum

Contact

Opmerking