# Display Modes

The Stepper enables you to specify steps layout.

## Steps Layout

To specify if the steps will be displayed with or without an indicator, use the [`mode`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/stepperprops#mode) property. The possible values are:

* (Default) `steps`. Render step indicator and optional label.
* `labels`. Render labels only.

To configure the layout of the Step indicators, use the following properties:

* [`svgIcon`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/stepprops#svgicon) — Sets an icon inside the Step indicator.
* [`text`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/stepprops#text) — Sets custom text inside the Step indicator.

If neither of the two properties is provided, the steps indicators will render numbers in a sequence order.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/stepper/display-modes/source.txt)

## Steps Types

The Stepper provides various step types. For example, disabled, optional steps as well as steps with validation applied.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/stepper/types/source.txt)

## Suggested Links

* [API Reference of the Stepper Props](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/stepperprops)
* [API Reference of the Step Props](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/stepprops)