Ignite UI for React

All
  • Public
  • Public/Protected
  • All

Interface IIgrStepperProps

Hierarchy

Hierarchy

  • IIgrStepperProps

Properties

Properties

Optional activeStepChanged

activeStepChanged?: ((s, e) => void)

Type declaration

Optional activeStepChanging

activeStepChanging?: ((s, e) => void)

Type declaration

Optional animationDuration

animationDuration?: string | number

The animation duration in either vertical or horizontal mode.

Optional children

children?: ReactNode

Optional className

className?: string

Optional contentTop

contentTop?: string | boolean

Get/Set whether the content is displayed above the steps.

Remarks

Default value is false and the content is below the steps.

Optional horizontalAnimation

horizontalAnimation?: string | StepperHorizontalAnimation

The animation type when in horizontal mode.

Optional id

id?: string

Optional linear

linear?: string | boolean

Get/Set whether the stepper is linear.

Remarks

If the stepper is in linear mode and if the active step is valid only then the user is able to move forward.

Optional orientation

orientation?: string | StepperOrientation

Gets/Sets the orientation of the stepper.

Remarks

Default value is horizontal.

Optional stepType

stepType?: string | StepperStepType

Get/Set the type of the steps.

Remarks

Default value is full.

Optional steps

steps?: IgrStep<IIgrStepProps>[]

Returns all of the stepper's steps.

Optional style

style?: CSSProperties

Optional titlePosition

titlePosition?: string | StepperTitlePosition

Get/Set the position of the steps title.

Remarks

The default value is undefined. When the stepper is horizontally orientated the title is positioned below the indicator. When the stepper is horizontally orientated the title is positioned on the right side of the indicator.

Optional verticalAnimation

verticalAnimation?: string | StepperVerticalAnimation

The animation type when in vertical mode.