JavaScript

const name = 'VuePress'

console.log(`Hello, ${name}!`)

TypeScript

const name: string = 'VuePress'

console.log(`Hello, ${name}!`)

Посмотреть код

  ::: code-tabs

  @tab JavaScript

  ```js
  const name = 'VuePress'

  console.log(`Hello, ${name}!`)
  ```

  @tab TypeScript

  ```ts
  const name: string = 'VuePress'

  console.log(`Hello, ${name}!`)
  ```

  :::

Табы с контентом

https://ecosystem.vuejs.press/themes/default/markdown.html#tabs

Таб 1

Контент первого таба.

console.log('Hello, VuePress!')

Таб 2

Контент второго таба.

Пункт списка 1
Пункт списка 2
Пункт списка 3

Посмотреть код

  ::: tabs

  @tab Таб 1

  Контент первого таба.

  ```js
  console.log('Hello, VuePress!')
  ```

  @tab Таб 2

  Контент второго таба.

  <!-- markdownlint-disable ul-indent -->
  - Пункт списка 1
  - Пункт списка 2
  - Пункт списка 3
  <!-- markdownlint-disable ul-indent -->

  :::

Табы

Табы для кода

Табы с контентом