---
title: 'Rutor och steg'
url: 'https://groovy.simplo.dev/exempel/byggstenar/rutor'
updated: '2026-10-30'
description: 'Hänvisningsrutor, neutrala rutor, steg och utfällbara avsnitt.'
---

# Rutor och steg

Hänvisningsrutor, neutrala rutor, steg och utfällbara avsnitt.

## Hänvisningsrutor

> [!NOTE]
> Bra att veta.

> [!TIP]
> Ett råd som sparar tid.

> [!IMPORTANT]
> Något läsaren behöver för att lyckas.

> [!WARNING]
> Något som kan gå fel.

> [!CAUTION]
> Något som inte går att ångra.

## Rutor

> **Läs mer**
> 
> - [Snabbstart](https://groovy.simplo.dev/exempel/kom-igang/snabbstart)
> - [Vanliga frågor](https://groovy.simplo.dev/exempel/guider/vanliga-fragor)

> En ruta utan ikon kan innehålla allt, också en annan ruta:
> 
> > En ruta i rutan.

## Steg

Stegen numreras löpande på sidan.

> **1. Första steget**
> 
> Fritt innehåll, med listor, bilder och tabeller.

> **2. Andra steget**
> 
> Numret kommer av sig självt.

> **En ruta utan nummer**
> 
> Räknas inte i ordningen.

## Utfällbara avsnitt

> **Fäll ut mig**
> 
> Avsnitt direkt efter varandra står ihop som ett dragspel.

> **Och mig**
> 
> I utskrift och export står hela innehållet.

---

## Navigation

- Parent: [Byggstenar](https://groovy.simplo.dev/exempel/byggstenar.md)
- Previous: [Kort, band och knappar](https://groovy.simplo.dev/exempel/byggstenar/kort-och-band.md)
- Next: [Tabeller och bilder](https://groovy.simplo.dev/exempel/byggstenar/tabeller-och-bilder.md)