# 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:
# Meer links Landing Content
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).