Layout & Flater
Tooltip brukes for å beskrive eller legge til tilleggsinformasjon til brukeren ved hover eller fokus på elementer.
Tooltip-props
top
Bruk Tooltip når
- en ikonknapp trenger en synlig tekst som forteller hva den gjør.
- du vil gi et kort hint om et element, og hintet ikke er nødvendig for å fullføre oppgaven.
Unngå Tooltip når
- innholdet har lenker, knapper eller annet brukeren skal samhandle med, bruk heller Popover.
- informasjonen er nødvendig for å fullføre oppgaven, eller er en feilmelding, vis den heller direkte på siden, for eksempel med Alert.
Retningslinjer
- Hold teksten kort, helst én setning på én linje.
- Ikke legg informasjon brukeren trenger, bare i en Tooltip. Berøringsskjermer har ikke hover, så mange brukere ser den aldri.
- Bruk Tooltip sparsomt. Mange tooltips på samme side gjør det vanskelig å finne fram.
Eksempler
Ikonknapper
Det vanligste bruksområdet: Tooltip gir seende brukere teksten som ikonet alene ikke gir.