Tabs

tabs docid 4lk3iqud5wfhh7fltkxof organisieren verwandte inhalte in umschaltbare bereiche sie sind nützlich, um beispiele in mehreren programmiersprachen, frameworks, betriebssystemen oder alternativen workflows zu präsentieren, ohne die seitenlänge zu erhöhen syntax sie können diese komponente entweder mit markdown oder mdx hinzufügen \ tabs \ tab{title="tab name"} content here \ \ \<tabs> \<tab title="tab name"> content here \</tab> \</tabs> jedes tab element benötigt eine titel eigenschaft, die als tab beschriftung angezeigt wird sie können beliebige unterstützte markdown oder mdx inhalte innerhalb eines tabs platzieren, einschließlich text, bilder, tabellen, codeblöcke und andere komponenten mdx beispiel das folgende beispiel erstellt drei tabs mit gleichwertigen codebeispielen in verschiedenen programmiersprachen \<tabs> \<tab title="javascript"> ```javascript const greeting = 'hello, world!' console log(greeting) ``` \</tab> \<tab title="python"> ```python greeting = "hello, world!" print(greeting) ``` \</tab> \<tab title="go"> ```go package main import "fmt" func main() { fmt println("hello, world!") } ``` \</tab> \</tabs>