Create Next App

AlertPills

This is a guideline for you on how to create you first product in your store

Normal

Home

Analytics

Customers Review

Guideline

Content for Home

passed

Home

Analytics

Customers Review

Guideline

Content for Home

disabled

Home

Analytics

Customers Review

Guideline

Content for Home

React js


    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/>
  );
}

HTMLCSSJS


<!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>