Breaking News: Grepper is joining You.com. Read the official announcement!

React Joy customizing alignment

Code ninja answered on November 9, 2022 Popularity 1/10 Helpfulness 1/10

answer React Joy customizing alignment

React Joy customizing alignment

Comment

import React from "react";
import ReactJoyride from "react-joyride";
import "./styles.css";

export default function App() {
  const steps = [
    {
      target: "#step1",
      content: "This is my awesome feature!"
    },
    {
      target: "#step2",
      content: "This another awesome feature!"
    }
  ];

  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
      <ReactJoyride floaterProps={{ placement: "left" }} steps={steps}>
        Test
      </ReactJoyride>
      <button id="step1">Step 1</button>
      <button id="step2">Step 2</button>
    </div>
  );
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: alignment customizing javascript

Link to this answer
Share Copy Link