Steps

Install

import {Steps} from '@xsolla/uikit';

Examples

1
General info
2
Conditions
3
Schedule
4
Promo info
5
Some more info
6
Finish

Usage

const steps = [
  {label: 'General info'},
  {label: 'Conditions'},
  {label: 'Schedule'},
  {label: 'Promo info'},
  {label: 'Some more info', disabled: true},
  {label: 'Finish', disabled: true}
];

<StepTabs current={2} steps={steps} />;

Step

Api

PropertyDescriptionTypeDefault
labellabel of stepstring
disabledset the disabled status for stepbooleanfalse
onClickset the onClick handler of stepfuncvoid 0

StepTabs

Api

PropertyDescriptionTypeDefault
currentcurrent step number (starts with 1)number
stepsarray of steps optionsArray <Step>
isInteractiveis every step clickablebooleanfalse