StepperTagHelper

Example

Razor
<kendo-stepper>
    <steps />
</kendo-stepper>

ChildTags

Tag NameDetails
stepsStepperStepsTagHelper

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
indicatorBooleanIndicates whether the Steps in the Stepper will render their indicator element (the icon or number placed in a circle above the Step label).
labelBooleanIndicates whether the Steps in the Stepper will render their label element (the text placed below the Step indicator circle).
linearBooleanIndicates whether the Stepper will force the user to follow the Steps sequence or not. If set to "false" it will allow the user to select any step. If in its default state ("true") the user will be able to select the step immediately after the currently selected step or the previous step.
on-activateStringThe name of the JavaScript function that will handle the activate event. Fires when a new Step has been selected upon user interaction.
on-selectStringThe name of the JavaScript function that will handle the select event. Fires when the user clicks on a Step to select it.
orientationStepperOrientationTypeThe type of the Stepper orientation (horizontal or vertical).
script-attributesIDictionary<String,Object>Sets the attributes that will be added to the script tag of the component's initialization script.
select-on-focusBooleanApplicable for scenarios when keyboard is used for navigation. Indicates whether the selection will change upon focus change or it will require additional action (Enter or Spacebar key press) in order to select the focused step.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-moduleBooleanSpecifies whether the initialization script of the component will be rendered as a JavaScript module.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support