Skip to content
Alebat

Pasos

Para estilar una lista numerada de tareas para crear guías paso a paso, utiliza el componente <Steps>

Importación

Importar componentes
import { Steps } from "@astrojs/starlight/components";

Uso

Usa el componente <Steps> para estilar listas numeradas de tareas. Esto es útil para guías paso a paso más complejas donde cada paso necesita ser claramente resaltado.

Envuelve <Steps> alrededor de una lista ordenada de Markdown estándar. Toda la sintaxis de Markdown estándar es aplicable dentro de <Steps>.

Uso de Steps
import { Steps } from '@astrojs/starlight/components';


<Steps>


1. Importa el componente en tu archivo MDX:


   ```js
   import { Steps } from '@astrojs/starlight/components';


2. Envuelve `<Steps>` alrededor de tus elementos de lista ordenada.


</Steps>

Preview:

  1. Importa el componente en tu archivo MDX:

    import { Steps } from "@astrojs/starlight/components";

  2. Envuelve <Steps> alrededor de tus elementos de lista ordenada.

  3. ¡Listo!

Props de <Steps>

El componente <Steps> no acepta ninguna propiedad