`::tab-group` alrededor de bloques [`::tab`](/reference/mdc-components/tab) — un
panel por pestaña, navegable con el teclado.

## Uso

::preview
::::tab-group
:::tab{label="macOS"}
Todo lo que la capa necesita viene con Node.
:::

:::tab{label="Windows"}
Lo mismo, y nada de la compilación depende de la plataforma.
:::
::::

#code
```mdc
:::tab-group
  ::tab{label="macOS"}
  Todo lo que la capa necesita viene con Node.
  ::

  ::tab{label="Windows"}
  Lo mismo, y nada de la compilación depende de la plataforma.
  ::
:::
```
::

## API

Sin props. Las etiquetas vienen de los hijos.

### Slots

| Slot      | Qué va dentro   |
| :-------- | :-------------- |
| `default` | bloques `::tab` |

## Notas

**No `::tabs`.** El kit de UI del tema ya registra un `Tabs` — el de shadcn — y
dos componentes con el mismo nombre no son una sobrescritura que la compilación
resuelva a tu favor: Nuxt se queda con uno de los dos, y se quedó con el de
shadcn, así que `::tabs` renderizaba una primitiva sin triggers y sin estado. Un
componente de contenido no puede llevar un nombre que pertenece al kit de UI.

Construido sobre las primitivas de reka-ui y no sobre el wrapper de shadcn,
porque las etiquetas no se conocen hasta que los hijos se han registrado a sí
mismos: MDC las entrega como contenido de slot, no como prop. La navegación con
el teclado, el foco itinerante y los roles ARIA vienen con ellas.