---
title: Byggstenar
url: 'https://groovy.simplo.dev/exempel/byggstenar'
updated: '2026-10-30'
description: 'Allt som går att lägga på en sida, visat som det ser ut.'
---

# Byggstenar

Allt som går att lägga på en sida, visat som det ser ut.

Varje sida här visar en sorts innehåll. Hur du skriver det står i handboken, under *Skriva*.

- [Heroes](https://groovy.simplo.dev/exempel/byggstenar/heroes): En banner överst på sidan eller i texten, med färg, toning eller bild.
- [Kort, band och knappar](https://groovy.simplo.dev/exempel/byggstenar/kort-och-band): Delar som passar en startsida eller en översikt.
- [Rutor och steg](https://groovy.simplo.dev/exempel/byggstenar/rutor): Hänvisningsrutor, neutrala rutor, steg och utfällbara avsnitt.
- [Tabeller och bilder](https://groovy.simplo.dev/exempel/byggstenar/tabeller-och-bilder): Tabellval, kod och bilder med bredd, skugga och linje.
- [Filer och inbäddningar](https://groovy.simplo.dev/exempel/byggstenar/filer): PDF, Word, PowerPoint och Excel visade direkt i sidan.

---

## Navigation

- Previous: [Vanliga frågor](https://groovy.simplo.dev/exempel/guider/vanliga-fragor.md)
- Next: [Heroes](https://groovy.simplo.dev/exempel/byggstenar/heroes.md)
- Children:
  - [Heroes](https://groovy.simplo.dev/exempel/byggstenar/heroes.md)
  - [Kort, band och knappar](https://groovy.simplo.dev/exempel/byggstenar/kort-och-band.md)
  - [Rutor och steg](https://groovy.simplo.dev/exempel/byggstenar/rutor.md)
  - [Tabeller och bilder](https://groovy.simplo.dev/exempel/byggstenar/tabeller-och-bilder.md)
  - [Filer och inbäddningar](https://groovy.simplo.dev/exempel/byggstenar/filer.md)