Onglets
2 min
Onglets organisent du contenu connexe en panneaux interchangeables. Ils sont utiles pour présenter des exemples dans plusieurs langages de programmation, frameworks, systèmes d’exploitation ou flux de travail alternatifs sans augmenter la longueur de la page.
Syntaxe
Vous pouvez ajouter ce composant en utilisant soit Markdown soit MDX.
:::::Tabs
::::Tab{title="Tab Name"}
Content here.
::::
:::::Chaque Onglet nécessite une propriété titre, qui est affichée comme l’étiquette de l’onglet. Vous pouvez placer tout contenu Markdown ou MDX pris en charge dans un onglet, y compris du texte, des images, des tableaux, des blocs de code et d’autres composants.
Exemple MDX
L’exemple suivant crée trois onglets contenant des extraits de code équivalents dans différents langages de programmation.
<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>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.