Vælg et tema
Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.
Tooltip
Eksempler og retningslinjer
Installation
HTML Struktur
Javascript
Tooltip komponenten kræver JavaScript for at fungere. Man kan enten gøre brug af DKFDS.init()
eller initiere komponenten manuelt med nedenstående:
Varianter
Klikbart ikon med tooltip
Tooltip på knappen aktiveres ved hover eller fokus af knappen. Ikonet kan ændres så det svarer til knappens funktion.
Tooltip aktiveres som standard med hover og fokus på knappen, men i visse situationer (fx hvor ikonets motiv er et spørgsmål og hvor der ikke er anden funktion på knappen) kan man sætte tooltip til også at aktivere ved klik.
Tilføj attributten data-tooltip-trigger="click"
på knappen for at tilføje visning af tooltip ved klik.
Tekst med tooltip
Tooltip i teksten aktiveres ved hover, fokus af knappen eller klik.
Knap med tooltip
Tooltip i teksten aktiveres ved hover og fokus af knappen.