Linkraster
5 min
linkraster docid\ est5bkk fa7xngdkfu4i2 blöcke organisieren inhalte in responsive kartenlayouts sie sind nützlich für die erstellung von landing pages, navigationsknotenpunkten, dokumentationsindizes und sammlungen verwandter ressourcen syntax sie können diese komponente entweder mit markdown oder mdx hinzufügen \ linkarray{contentsource="custom" itemsperrow="3"} \ linkarrayitem{headertype="color" headercolor="#hex"} karteninhalt \ \ \<linkarray contentsource="custom" itemsperrow="3"> \<linkarrayitem headertype="color" headercolor="#2166ae"> karteninhalt \</linkarrayitem> \</linkarray> link gitter karten unterstützen drei header stile kein header für ein einfaches kartenlayout farbe , unter verwendung der headercolor eigenschaft bild , unter verwendung der headerimage eigenschaft die itemsperrow eigenschaft steuert, wie viele karten pro zeile angezeigt werden mdx‑beispiel das folgende beispiel zeigt die drei verfügbaren kartenstile einfache karten \<linkarray contentsource="custom" itemsperrow="3"> \<linkarrayitem> getting started learn the basics of setting up your documentation project \</linkarrayitem> \<linkarrayitem> configuration customize every aspect of your docs with `archbee json` \</linkarrayitem> \<linkarrayitem> templates choose from 4 built in templates to match your brand \</linkarrayitem> \</linkarray> karten mit farbigem header \<linkarray contentsource="custom" itemsperrow="3"> \<linkarrayitem headertype="color" headercolor="#2166ae"> api reference complete endpoint documentation with examples \</linkarrayitem> \<linkarrayitem headertype="color" headercolor="#16a34a"> guides step by step tutorials for common tasks \</linkarrayitem> \<linkarrayitem headertype="color" headercolor="#dc2626"> troubleshooting solutions to common issues and faq \</linkarrayitem> \</linkarray> karten mit bild‑header \<linkarray contentsource="custom" itemsperrow="3"> \<linkarrayitem headertype="image" headerimage="https //images archbee com/k jwzranxy1td6qvlg2v6 yow4gia62kke1bvech6ix 20250910 182430 png?format=webp"> visual docs add images and media to your documentation \</linkarrayitem> \<linkarrayitem headertype="image" headerimage="https //images archbee com/k jwzranxy1td6qvlg2v6 tigukok 9dziwy l92fx 20250910 190316 png?format=webp"> code examples syntax highlighted code with copy support \</linkarrayitem> \<linkarrayitem headertype="image" headerimage="https //images archbee com/k jwzranxy1td6qvlg2v6 vjd5vtfjngji8v0mulhgv 20250910 190329 png?format=webp"> api blocks interactive api endpoint documentation \</linkarrayitem> \</linkarray>
Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.