Blife UI

Tamaños

Utiliza la propiedad size para cambiar el tamaño

Utiliza la propiedad label para poder renderizar un titulo. Si necesitar renderizar tu JSX tambien puedes hacerlo.

PASO 1

PASO 2

PASO 3

Utiliza las propiedades step y onStepChange para controlar el estado

Utiliza la propiedad completed para especificar cuando han sido completados todos los pasos

Prop	Tipo	Requerido	Descripción
`step`	`number`	-	El índice del paso actual activo (basado en 1).
`count`	`number`	-	El número total de pasos.
`size`	`'small' \| 'medium'`	-	El tamaño de los indicadores de paso.
`colorPallete`	`'primary' \| 'green'`	-	La paleta de colores utilizada.
`completed`	`boolean`	-	Indica si todos los pasos están completados.
`classNames`	`object`	-	Clases personalizadas para diferentes partes del componente.

Prop	Tipo	Requerido	Descripción
`index`	`number`	-	El índice del paso (basado en 1).
`label`	`string \| ReactNode`	-	La etiqueta del paso. Puede ser un string o ReactNode.
`content`	`string \| ReactNode`	-	El contenido adicional del paso. Puede ser un string o ReactNode.
`icon`	`ReactNode \| { completed?: ReactNode; uncompleted?: ReactNode }`	-	El icono del paso. Puede ser un ReactNode único o un objeto con iconos para estados completados y no completados.