Tabs
Verdeel gerelateerde inhoud over horizontale tabbladen. De deelnemer schakelt tussen tabs zonder de pagina te verlaten.
Preview
Ontdek hoe een typische werkdag eruitziet en welke tools je gebruikt.
Overzicht
Het Tabs block toont een rij tabbladen met elk een eigen inhoudsveld. De deelnemer klikt op een tab om de bijbehorende tekst te zien. Er zijn minimaal 2 en maximaal 8 tabs mogelijk. Tabs zijn ideaal om content te organiseren wanneer meerdere onderwerpen logisch bij elkaar horen.
Hoe het werkt
1Voeg het block toe
Klik op + of typ
/tabs in het slash command veld.2Vul de eerste twee tabs
Het block begint met twee lege tabs. Geef elke tab een naam en schrijf de inhoud.
3Voeg extra tabs toe
Klik op "Tab toevoegen" om een nieuwe tab aan te maken (maximaal 8).
4Verwijder tabs
Klik op het prullenbak-icoon bij een tab om deze te verwijderen. Er moeten altijd minstens 2 tabs overblijven.
Instellingen
| Instelling | Beschrijving | Standaard |
|---|---|---|
| Tabs | Minimaal 2, maximaal 8 tabbladen | 2 tabs |
| Tab naam | Het label dat bovenaan de tab wordt getoond | - |
| Inhoud per tab | De tekst die verschijnt als de tab actief is | - |
| Animatie | Geen, Fade in, Slide omhoog, Slide links, Slide rechts, Bounce, Blur in, Zoom in | Geen |
| Span achtergrond | Kleur, afbeelding of video als achtergrond | Wit |
| Span afmetingen | Hoogte (auto/50%/75%/100%) en breedte (auto/60%/80%/100%) | Auto |
Tips & best practices
Gebruik korte tab-namen
Houd tab-namen tot 1-2 woorden. Lange labels breken de layout op mobiel.Gelijkwaardige content
Tabs werken het best als elk tabblad vergelijkbare content bevat, bijvoorbeeld "Beginners / Gevorderden / Experts".Maximaal 4-5 tabs
Hoewel 8 tabs technisch mogelijk is, worden meer dan 5 tabs moeilijk navigeerbaar. Overweeg een Accordeon voor meer items.