The Insites Step component allows you to highlight how many steps there are in your Form/Process. And of course, this can be customised to your need as well! Can you add an Icon? Yes, of course. Change the Label? 100%!
To use the buttons component in Figma please install the latest version of the Insites Font Icons.
| Properties | Options | Notes |
|---|---|---|
| Inline | True, False | Set to true to align the bullet and label horizontal and false for vertical. |
| Indicator | Default, Number, Icon | Select the type of indicator to use for the step. |
| State | Default, Current, Complete | Select the state of the step. |
| Hover | True, False | Set the state of the step to hover. |
| Error | True, False | Enable to use error state of the step. |
| Show Progress Bar | True, False | Set to false for the last step. Horizontal resizing for Step Item and .Master layers should be updated to Hug. |
Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.
