jiku-ui/types/step-bar.d.ts

A Component Library for Vue.js.

import { HeinerUIComponent } from './component'

type StepNodeStatus = 'wait' | 'process' | 'finish' | 'error'

/** Guide the user to complete tasks in accordance with the process. Its steps can be set according to the actual application scenario and the number of the steps can't be less than 2. */
export declare class HnStepBar extends HeinerUIComponent {
  /** The spacing of each step, will be responsive if omitted. Support percentage. */
  space: number | string

  /** Current activation step */
  active: number

  /** Status of current step */
  processStatus: StepNodeStatus

  /** Status of end step */
  finishStatus: StepNodeStatus

  /** Whether step description is centered */
  alignCenter: boolean

}