mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
mintlify[bot]
90131de012
Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com>
89 lines
2.7 KiB
Plaintext
89 lines
2.7 KiB
Plaintext
---
|
|
title: "Pasos"
|
|
description: "Crea procedimientos numerados paso a paso con el componente steps para guiar a los usuarios en tareas secuenciales, tutoriales y configuraciones."
|
|
keywords: ["secuencia", "pasos numerados", "procedimientos", "pasos de tutorial"]
|
|
boost: 3
|
|
---
|
|
|
|
import IconsOptional from "/snippets/es/icons-optional.mdx";
|
|
|
|
Usa pasos para mostrar una serie de acciones o eventos secuenciales. Puedes agregar tantos pasos como necesites.
|
|
|
|
<Steps>
|
|
<Step title="Primer paso">
|
|
Estas son instrucciones o contenido que solo corresponden al primer paso.
|
|
</Step>
|
|
|
|
<Step title="Segundo paso">
|
|
Estas son instrucciones o contenido que solo corresponden al segundo paso.
|
|
</Step>
|
|
|
|
<Step title="Tercer paso">
|
|
Estas son instrucciones o contenido que solo corresponden al tercer paso.
|
|
</Step>
|
|
</Steps>
|
|
|
|
```mdx Steps example
|
|
<Steps>
|
|
<Step title="Primer paso">
|
|
Estas son instrucciones o contenido que solo corresponden al primer paso.
|
|
</Step>
|
|
<Step title="Segundo paso">
|
|
Estas son instrucciones o contenido que solo corresponden al segundo paso.
|
|
</Step>
|
|
<Step title="Tercer paso">
|
|
Estas son instrucciones o contenido que solo corresponden al tercer paso.
|
|
</Step>
|
|
</Steps>
|
|
```
|
|
|
|
|
|
<div id="steps-properties">
|
|
## Propiedades de Steps
|
|
</div>
|
|
|
|
<ResponseField name="children" type="ReactElement<StepProps>[]" required>
|
|
Una lista de componentes `Step`.
|
|
</ResponseField>
|
|
|
|
<ResponseField name="titleSize" type="string" default="p">
|
|
El tamaño de los títulos de los pasos. Uno de `p`, `h2`, `h3` y `h4`.
|
|
</ResponseField>
|
|
|
|
<ResponseField name="className" type="string">
|
|
Clases CSS adicionales para aplicar al contenedor de los pasos.
|
|
</ResponseField>
|
|
|
|
<div id="individual-step-properties">
|
|
## Propiedades individuales del paso
|
|
</div>
|
|
|
|
<ResponseField name="title" type="string" required>
|
|
El título es el texto principal del paso y aparece junto al indicador. Admite formato Markdown en línea, como `**bold**`, `_italic_` y `` `code` ``.
|
|
</ResponseField>
|
|
|
|
<ResponseField name="children" type="string | ReactNode">
|
|
El contenido de un paso, ya sea texto sin formato o componentes.
|
|
</ResponseField>
|
|
|
|
<IconsOptional />
|
|
|
|
<ResponseField name="stepNumber" type="number">
|
|
El número del paso.
|
|
</ResponseField>
|
|
|
|
<ResponseField name="titleSize" type="string" default="p">
|
|
el tamaño de los títulos de los paso. uno de `p`, `h2`, `h3` y `h4`.
|
|
</ResponseField>
|
|
|
|
<ResponseField name="id" type="string">
|
|
Un ID personalizado para el paso, usado para enlaces de anclaje y la navegación de la tabla de contenido.
|
|
</ResponseField>
|
|
|
|
<ResponseField name="noAnchor" type="boolean" default="false">
|
|
Si se debe ocultar el enlace de anclaje del paso.
|
|
</ResponseField>
|
|
|
|
<ResponseField name="className" type="string">
|
|
Clases CSS adicionales para aplicar al paso.
|
|
</ResponseField> |