JSPM

stepper-package

1.0.4
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 6
  • Score
    100M100P100Q23602F
  • License ISC

React js form stepper | React and tailwind

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (stepper-package) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Stepper Component

    A customizable Stepper component built with React and styled using Tailwind CSS.

    Table of Contents

    • Installation
    • Usage
    • Props
    • Contributing
    • License

    Installation

    To install the package, run:

    npm install stepper-package

    Usage

    Here’s an example of how to use the Stepper component in your project:

    import React, { useState } from "react";
    import Stepper from "stepper-package";
    
    const App = () => {
      const [currentStep, setCurrentStep] = useState(0);
      const steps = ["Step 1", "Step 2", "Step 3"];
    
      return (
        <div>
          <Stepper
            steps={steps}
            currentStep={currentStep}
            onStepChange={setCurrentStep}
          />
        </div>
      );
    };
    
    export default App;

    Props

    The Stepper component accepts the following props:

    • steps: An array of strings representing the steps in the stepper.
    • currentStep: The index of the current step.
    • onStepChange: A function that is called when the step changes.

    Contributing

    Contributions are welcome! Please feel free to submit a PR if you have any improvements or bug fixes.

    1. Fork the repository.
    2. Create a new branch (git checkout -b feature-branch).
    3. Make your changes.
    4. Commit your changes (git commit -m 'Add some feature').
    5. Push to the branch (git push origin feature-branch).
    6. Open a pull request.

    License

    This project is licensed under the MIT License - see the LICENSE file for details.