# Knoppen

# Algemeen Landing Content

Gebruikt de knoppen voor call to actions, ook voor belangrijke interne en externe links. Een link (<a>), een input (<input type="button>) en een button (<button>) kunnen als een knop gestyled worden.

Interne links krijgen een pijltje naar echts:

Externe links krijgen automatisch een externe link-icoon:

Naast de gele primaire knop is het mogelijk om een blauwe (secondaire) en grijze (tertiaire) knop te gebruiken:

Gebruik een Meer link om te verwijzen naar verdiepende content. Houd de labels kort maar ook beschrijvend ("Meer over <onderwerp>)".

# Icoonknoppen Landing Content

Grid van knoppen met elk een icoon en een label. Een knop kan optioneel een extern-link-icoon bevatten. Wordt met javascript over 1, 2 of 3 kolommen verdeeld, afhankelijk van de breedte van de container.

# Sociale media Content

Link naar de social media-kanalen van Rijkswaterstaat.

# Delen Content

Functionaliteit voor het delen op sociale media. De Whatsapp-link wordt pas zichtbaar op mobiel (smallere schermen).