import * as React from 'react';
import Steppers from 'vestarplus/Steppers';
export default function BasicSteppersfunction() {
const steps = ['Home', 'Analytics', 'Customers Review', 'Guideline'];
const contents = [
<div>Content for Home</div>,
<div>Content for Analytics</div>,
<div>Content for Customers Review</div>,
<div>Content for Guideline</div>,
];
return (
<Steppers steps={steps} contents={contents} />
<Steppers steps={steps} contents={contents} disabled/>
);
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Steppers.css">
<title>Steppers Component</title>
</head>
<body>
<div id="steppers-container"></div>
<script src="Steppers.js"></script>
</body>
</html>