Avdelare

Skapar visuell separation mellan sektioner

Tillbaka till block
Avdelare

Ett enkelt men användbart block som skapar ett visuellt avbrott mellan andra block på sidan. Avdelaren visas som ett horisontellt streck vars höjd kan justeras. Perfekt för att skapa tydlig struktur och luft mellan innehållssektioner.

Tips
Använd avdelare sparsamt – för många avdelare gör sidan rörig. Ofta räcker det med marginal eller padding på omgivande block för att skapa tillräckligt med luft.

Så använder du blocket

  1. Lägg till avdelaren mellan två block där du vill skapa ett visuellt avbrott

  2. Välj höjd på avdelaren

  3. Anpassa bakgrundsfärg och padding efter behov

Innehåll
Höjd på avdelare (valfritt)

Välj hur hög avdelaren ska vara. Styr det vertikala utrymmet som avdelaren tar upp.

Utseende och färger
Bakgrundsfärg (valfritt)

Bakgrundsfärg för avdelaren. Lämna tomt för transparent bakgrund.

Layout
Container (valfritt)

Begränsar avdelarens bredd till en centrerad container istället för full bredd.

Padding inom blocket (valfritt)

Styr hur mycket luft (padding) det ska vara inom blocket runt avdelaren.

Avancerat
Animera (valfritt)

Välj om avdelaren ska ha en animation när den scrollas in i vy.

Inaktivera blocket (valfritt)

Döljer avdelaren utan att ta bort den. Bra om du tillfälligt vill dölja den men behålla inställningarna.

Tips

  • Använd avdelare sparsamt – ofta räcker det med padding eller marginal på omgivande block
  • En avdelare med bakgrundsfärg kan fungera som en färgad sektion-separator
  • Testa olika höjder för att hitta rätt balans – en liten avdelare ger subtil separation, en stor ger tydligt avbrott