New to KendoReact? Start a free 30-day trial

StepProps

Interface

Represents the props of the KendoReact Step component.

Definition

Package:@progress/kendo-react-layout

Properties

children?

any

Represents the child elements that are passed to the Step.

className?

string

Specifies a list of CSS classes that will be added to the Step element.

current?

boolean

Specifies the Step as current.

Default:

false

disabled?

boolean

Specifies if the Step is disabled (see example).

Default:

false

icon?

string

Defines the name for an existing icon in a KendoReact theme. The icon is rendered inside the Step indicator by a span.k-icon element (see example).

index?

number

Sets the index of the Step that is used to identify it.

isValid?

boolean

Specifies the Step validity (see example).

Default:

true

label?

string

Specifies the label of the Step (see example).

optional?

boolean

Specifies if the Step is optional. The validation is not applied to these steps (see example).

Default:

false

style?

CSSProperties

Sets additional CSS styles to the Step.

svgIcon?

SVGIcon

Defines the SVG icon. The icon is rendered inside the Step indicator (see example).

tabIndex?

number

Sets the tabIndex property of the Step.

Default:

text?

string

Specifies the text content of the Step indicator (see example).