Pestañas
Tabs es un bloque que te permite organizar contenido en múltiples secciones dentro de un solo documento. Es como un conjunto de pestañas en las que puedes hacer clic para revelar información diferente. Piénsalo como una forma de crear múltiples páginas dentro de una sola página.
Por qué usarlo
- Organizar contenido complejoAgrupa contenido relacionado en pestañas separadas para mejorar la estructura y la legibilidad.
- Mejorar la legibilidadHaz que tu contenido sea más fácil de navegar y entender.
- Ahorrar espacioUtiliza eficientemente el espacio mostrando el contenido secuencialmente en lugar de todo a la vez.
- Crear experiencias interactivas Involucra a los usuarios permitiéndoles elegir activamente la información que quieren ver.
Cómo usar el bloque de Pestañas
Escribe / para abrir el menú de bloques de Archbee
Busca el bloque Pestañas y haz clic para insertarlo
Personaliza los nombres de tus pestañas.
Por defecto, el bloque se crea con 2 pestañas llamadas "Nombre de Pestaña" y "Nombre de la Segunda Pestaña".
Para renombrar una pestaña, debes entrar en el modo de edición de etiqueta mediante:
- Hacer doble clic en la etiqueta de la pestaña
- O pulsar el ícono "Editar etiqueta" ( )
Presiona guardar ( ) para actualizar la etiqueta, o presiona descartar ( ↩ ) para deshacer los cambios.
Siéntete libre de añadir tu contenido. Puedes darle estilo como prefieras usando el Menú WYSIWYG o incluso insertar otros bloques, como:
Markdown
Aquí se muestra cómo crear una pestaña en su documento usando código markdown:
Comience con la :::tabs línea.
Cada contenido de pestaña va entre :::tab y ::: marcadores.
🚨 ¡Atención!
Dos puntos : deben colocarse en un elemento padre de markdown para indicar que encierra otro elemento de markdown.
En este caso, :::tabs cambiará a ::::tabs .
Dé a cada pestaña un título con llaves como {title="Your Section Name"}. Este es el nombre que aparecerá en el encabezado de la pestaña.
Coloque el contenido que desee en esta pestaña entre esas líneas. Vea arriba los bloques permitidos que pueden usarse dentro del bloque de pestaña. Consulte la página Usar atajos de Markdown para ver cómo usar otros bloques con markdown.
Cree tantas pestañas como desee y cierre su bloque de pestañas. No olvide añadir columnas para cada nivel anidado.
A continuación se muestra un ejemplo de un bloque de pestañas usando 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"}
We would love you to contributeaaa
:::
:::::Aquí está el resultado:
Algo de contenido para la Pestaña 1
¡Las pull requests son muy bienvenidas! Por favor consulta CONTRIBUTING.md para más información. Esto es realmente agradable
Esta es una lista de casillas
Esta es una lista de casillas
Esto está hecho
Esta es una lista de casillas
Alternativamente, usa este estilo de Markdown para generar un bloque de pestañas.
{% 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 %}Consulta la página Usar atajos de Markdown para ver más atajos de markdown para otros bloques.
Ejemplos
Encontrar otros bloques
Descubre nuevas formas y bloques para crear páginas de documentación impresionantes y funcionales.
¿Necesitas ayuda? ⬇️
Usa la burbuja de chat azul en la esquina inferior derecha.
O prueba el Chat IA (desde el cuadro de búsqueda) para respuestas rápidas.
Tu opinión importa
Usa el formulario de comentarios a continuación, de forma anónima.
O haz una pregunta en la sección de preguntas y respuestas y nuestro equipo o la IA te dará una solución.