EDITOR
Editor Blocks
Tabs
7min
tabs is a block that allows you to organize content into multiple sections within a single document it's like a set of tabs that you can click on to reveal different information think of it as a way to create multiple pages within one page why to use it organize complex content group related content into separate tabs for better structure and readability improve readability make your content easier to navigate and understand save space use eficiently the space by displaying content sequentially rather than all at once create interactive experiences engage users by allowing them to actively choose the information they want to see how to use the tabs block type / to open archbee block menu search for tabs block and click to insert insert customize your tab's and names by default, the block is created with 2 tabs named "tab name" and "second tab name" to rename a tab, you have to enter in edit label mode by double clicking on the tab label or hitting the "edit label" icon ( ) press on save ( ) to update the label, or press on discard ( ↩ ) to undo changes feel free to add your content you can style the content however you like using the wysiwyg menu or even insert other blocks, like basic blocks headings docid\ ch1eclxgmlpa xazawy6u expandable headings docid\ ajpn6hemcswfb9rr4hdhz lists docid\ d02 vq5gnbt sueqotq3g table docid\ xismeqbpimgonzxhoohwz button docid\ jdaxu7ibxba1jw3khorop callout docid\ c sjub ir1v0j8c bksmc horizontal divider docid\ yuthnhc9mnprzrtwxpb4l vertical split docid\ vtoi7mkpjhkcqcc4xoaty minitaskers docid\ vyt5x0nyqupzgwz906r56 link blocks docid\ z vgvwifbolvuazqd6vwm workflow docid\ tngouv2y9 9ut1vnwhqxj media blocks file docid\ t1ky085lzcmkkp3h9eba image docid\ mfibzf9k ya8z3ldzq37v video docid\ b2ip7djzj3ghcrxc42ril map docid 6bl0kza7bb9rgcnylsws developer blocks code editor multi language docid dmwewv5w9ycnvmlcui53 mermaid diagrams docid\ frhb6aopndkyyjeqdejlg tex ecuation docid\ w4ky8zdzzgyounmtxulit api endpoints docid\ jwrgiytgiu8c 7ml3hna8 openapi/swagger block docid\ bkf0sksgsyaimm6ek1cpbchangelog docid\ s9kukiue8z2e4y1x4v1gb also, most of our integrations work inside tab block you can add embeds from other tools like loom, figma, miro, lucidcharts, and more check the embed examples docid\ ejegs visaok25 lby1x0 page for more info markdown here's how to create a tab in your document using markdown code start with the tabs line each tab content goes between tab and markers 🚨 attention! a colon should be placed in a parent markdown element to signify that it encloses another markdown element in this case, tabs will change to tabs give each tab a title with curly braces like {title="your section name"} this is the name that will show on the tab header put the content you want in this tab between those lines see above the allowed blocks to be used inside the tab block check use markdown shortcuts docid 9aacrqjmq9jnyvzsgnofs page to see how to use other blocks using markdown create as many tabs you want and close your tab block don't forget to add columns for each nested level below is an example of a tab block using 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 \ \ here is the result some content for tab 1 pull requests are very welcome! please see contributing md for more information this is really nice this is a checkbox list this is a checkbox list this is done this is a checkbox list we would love you to contributeaaa alternatively, use this flavour of markdown to generate a tabs block {% 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 %} check the use markdown shortcuts docid 9aacrqjmq9jnyvzsgnofs page to see more markdown shortcuts for other blocks examples see on vertical split docid\ vtoi7mkpjhkcqcc4xoaty find other blocks discover new ways and blocks to create stunning and functional documentation pages editor blocks docid 6b0vtqtvunmp93e szq2p need help? ⬇️ use the blue chat bubble from bottom right corner or try ai chat (from search box) for quick answers your opinion matters use the below feedback form, anonymously or ask a question in q\&a section and our team or ai will give you a solution
🤔
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.