Skip to content

Componentes Integrados

Componentes de documentación que puedes usar directamente en tus archivos markdown.

2 min read

Callouts

Usa callouts para resaltar información importante.

Tabs

Usa tabs para mostrar contenido alternativo, como diferentes gestores de paquetes:

npm install svelte-docs-starter

Steps

Usa steps para instrucciones secuenciales:

Crear un nuevo proyecto

Clona el repositorio de la plantilla e instala las dependencias.

Configurar tu sitio

Edita src/lib/docs/config.ts con los detalles de tu sitio.

Escribe tu contenido

Agrega archivos markdown a src/content/docs/.

Desplegar

Compila y despliega en tu proveedor de hosting.

Cards

Usa cards para resaltar características o información clave:

📝 Impulsado por Markdown
Escribe documentación en Markdown con soporte completo de MDSvex para componentes Svelte.
🔍 Búsqueda Rápida
Búsqueda de texto completo integrada impulsada por Pagefind sin sobrecarga de JavaScript.
🌙 Modo Oscuro
Soporte automático de temas claro y oscuro con detección de preferencias del sistema.
📈 Listo para SEO
OpenGraph, Twitter cards, datos estructurados JSON-LD y sitemap auto-generado.

Link Cards

Usa link cards para navegación:

Badges

Usa badges para indicar estado: Nuevo Experimental Obsoleto v1.0.0

File Tree

Muestra estructuras de directorios:

  • src/
    • content/
      • docs/
        • index.md
        • getting-started/
          • installation.md
        • guides/
          • configuration.md
    • lib/
      • components/
        • docs/
          • callout.svelte
          • tabs.svelte
      • docs/
        • config.ts
        • content.ts