--- title: Oortjies slug: oortjies createdAt: 2024-07-24T11:17:19.316Z --- ![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-qlzuX6ak9nYvTvfqGAc1q-20240822-125616.png) Tabs is 'n blok wat u toelaat om inhoud in veelvuldige afdelings binne 'n enkele dokument te organiseer. Dit is soos 'n stel oortjies waarop u kan klik om verskillende inligting te vertoon. Dink daaraan as 'n manier om veelvuldige bladsye binne een bladsy te skep. ## Waarom om dit te gebruik - **Organiseer komplekse inhoud** - Groepeer verwante inhoud in afsonderlike oortjies vir beter struktuur en leesbaarheid. - **Verbeter leesbaarheid** - Maak u inhoud makliker om te navigeer en te verstaan. - **Bespaar spasie** - Gebruik die spasie doeltreffend deur inhoud opeenvolgend te vertoon eerder as alles op een slag. - **Skep interaktiewe ervarings** Betrek gebruikers deur hulle toe te laat om aktief die inligting te kies wat hulle wil sien. ## Hoe om die Tabs-blok te gebruik ::::::WorkflowBlock :::WorkflowBlockItem Tik `/` om die Archbee-blokmenu oop te maak ::: :::WorkflowBlockItem Soek vir die **Oortjies**-blok en klik om dit in te voeg ![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-eXhqk7Cgjios95U2j8it8-20240822-124946.png) ::: :::WorkflowBlockItem Pas u oortjies en name aan. By verstek word die blok geskep met 2 oortjies genaamd "Tab Name" en "Second Tab Name". Om 'n oortjie te hernoem, moet u die wysig-etiketmodus betree deur: - Dubbel te klik op die oortjie-etiket - Of deur op die "Edit label"-ikoon te klik ( :FontAwesome[]{icon="fa-solid fa-pen-to-square"} ) Druk op stoor ( :FontAwesome[]{icon="fa-solid fa-check"} ) om die etiket op te dateer, of druk op verwerp ( **↩** ) om veranderinge ongedaan te maak. ::: :::::WorkflowBlockItem Voel vry om u inhoud by te voeg. U kan die inhoud stileer soos u wil deur die [WYSIWYG-kieslys](#) te gebruik of selfs ander blokke in te voeg, soos: ::::LinkArray{contentSource="CUSTOM"} :::LinkArrayItem Basiese Blokke - [Opskrifte](docId\:R_WhrVuB0QH_AaQ1KEDMi) - [Uitbreidbare opskrifte](docId\:no2hBv5MT3a6SBWC7zA8J) - [Lyste](docId\:b-owwKPv7qtlBqQcjSaVr) - [Tabel](docId\:AknGXJlhLZQx1MjzIbzm6) - [Knoppie](docId\:gwOg4VPi7mQLa-vaFnu6S) - [Uitroep](docId\:sPEyzIy7XU_WCbBntiyph) - [Horisontale Verdeler](docId\:HenD2dPVz_FbXxD4aiAQz) - [Vertikale verdeling](docId:0eTDP9KAEmxlUjO_G_RS5) - [Minitaskers](docId\:r_CyhoqghIrseqx0oBkih) - [Skakelrooster](docId\:wi0n1r3LgeRoNH8WWObJc) - [Werkvloei](docId\:Upd-Z0VQe0LVasr2KM_uH) ::: :::LinkArrayItem Media Blokke - [Lêer](docId\:Wvg1bg3lNdr_kbvSAzk5p) - [Beeld](docId\:bQuy5ea2Kl0anyHP_6wDp) - [Video](docId\:G9NUanNwC25W39H6s3pxU) - [Kaart](docId:8L-44mYqHlcKknqrFGnNI) ::: :::LinkArrayItem Ontwikkelaarblokke - [Kode-redigeerder: veelvuldige tale](docId\:NanT37JKXnffbCOYwQH5s) - [Mermaid-diagramme](docId\:kRlxQn-yagycEJkxbWlGz) - [TeX-vergelyking](docId:0T9mSUFoELzbyIxSUycj6) - [API-eindpunte](docId:9yObjBNbSKkVx4axLRKcZ) - [OpenAPI/Swagger](docId\:RW_nLwGhQ9Q3PH5mRjXWs) - [Veranderingslog](docId\:VyqRZGOWJn_8GvrXjcA87) ::: :::: Die meeste van ons integrasies werk ook binne die tab block. U kan embeds van ander nutsgoed soos Loom, Figma, Miro, Lucidcharts, en meer byvoeg. Kyk na die [Ingebedde blokke.](docId:0bIhEyZkVfFQatv-nZacn)-bladsy vir meer inligting. ::::: :::::: ## Markdown Hier is hoe om 'n oortjie in u dokument te skep deur markdown-kode te gebruik: :::::WorkflowBlock :::WorkflowBlockItem Begin met die `:::tabs`-lyn. ::: ::::WorkflowBlockItem Elke oortjie-inhoud gaan tussen `:::tab`- en `:::`-merkers. :::hint{type="warning"} **🚨 Aandag!** 'n Dubbelpunt `:` moet in 'n ouer-markdown-element geplaas word om aan te dui dat dit 'n ander markdown-element omsluit. ::: In hierdie geval sal `:::tabs` verander na `::::tabs` . Gee elke oortjie 'n titel met krulhakies soos `{title="Jou afdelingnaam"}`. Dit is die naam wat op die oortjie-opskrif sal verskyn. :::: :::WorkflowBlockItem Plaas die inhoud wat u in hierdie oortjie wil hê tussen daardie lyne. Sien hierbo die toegelate blokke wat binne die oortjieblok gebruik kan word. Kyk na die [Gebruik Markdown-kortpaaie](docId\:POYY3PFUGX_6CVY4L5bWc)-bladsy om te sien hoe om ander blokke met markdown te gebruik. ::: :::WorkflowBlockItem Skep soveel oortjies as wat u wil en sluit u oortjieblok. Moenie vergeet om kolomme vir elke geneste vlak by te voeg nie. Hieronder is 'n voorbeeld van 'n oortjieblok wat markdown gebruik. ::: ::::: ```markdown ## Tabs :::::tabs ::::tab{title="Tab 1"} Some content for Tab 1 :::hint{style="info"} Pull requests are very welcome! Please see CONTRIBUTING.md for more information. Tthis is really nice ::: - [x] This is a checkbox list - [x] This is a checkbox list - [ ] This is done - [ ] This is a checkbox list :::: :::tab{title="Tab Photos"} ![](https://placehold.co/600x400) We would love you to contributeaaa ::: ::::: ``` Hier is die resultaat: :::::Tabs ::::Tab{title="Tab 1"} Sommige inhoud vir Tab 1 :::hint{type="info" attributes="{"style":"info"}"} Pull requests is baie welkom! Sien asseblief CONTRIBUTING.md vir meer inligting. Dit is regtig mooi ::: - [x] Dit is 'n merkblokkielys - [x] Dit is 'n merkblokkielys - [ ] Dit is klaar - [ ] Dit is 'n merkblokkielys :::: :::Tab{title="Tab Photos"} ### Foto's in oortjies ::Image[]{src="https://placehold.co/600x400" size="50" isUploading="false" darkWidth="600" darkHeight="400" width="600" height="400" showCaption="false"} Ons sal graag wil hê dat u bydraaaa ::: ::::: Alternatiewelik, gebruik hierdie weergawe van Markdown om 'n oortjieblok te genereer. ```markdown {% tabs %} {% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %} {% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %} {% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %} {% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %} {% endtabs %} ``` Kyk na die [Gebruik Markdown-kortpaaie](docId\:POYY3PFUGX_6CVY4L5bWc)-bladsy om meer markdown-kortpaaie vir ander blokke te sien. ## Voorbeelde Sien op [vertikale verdeling-bladsy, voorbeeldafdelings.](docId:0eTDP9KAEmxlUjO_G_RS5) *** ::::LinkArray{contentSource="CUSTOM"} :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"} :FontAwesome[]{icon="fa-solid fa-cubes"} ** Vind ander blokke** Ontdek nuwe maniere en blokke om pragtige en funksionele dokumentasiebladsye te skep. [Kyk na al die blokke](docId\:oV-giTRfLvZLJLLN8-MBC) ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"} :FontAwesome[]{icon="fa-solid fa-headset"}** Het u hulp nodig? ⬇️** Gebruik die **blou** **kletsborrel **van die onderste regterhoek af. Of probeer **KI-klets** (vanaf die soekkassie) vir vinnige antwoorde. ::: :::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"} :FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** U mening maak saak** Gebruik die onderstaande terugvoervorm, anoniem. Of vra 'n vraag in die **V\&A-afdeling** en ons span of AI sal vir u 'n oplossing gee. ::: ::::