stl-getstarted

stori-getstarted

A simple guided steps for your app (react)

Usage/Examples

import GetStarted from 'stori-getstarted'

function App() {
  const data = [{
      id: "step1",
      listtitle: 'Find products',
      image:<img src="https://images.thesubscriber.app/viewsubscription.png" style={{ width: '106px', height: '106px' }}></img>,
      title: "Find products to sell without buying inventory",
      description: "Have your products shipped directly from the supplier to your customer, and only pay for what you sell.",
      actionLabel: "Brows dropshipping apps",
      footerLink: <span>Footer link</span>
  },
   {
      id: "step12",
      listtitle: 'Find products2',
      image:<img src="https://images.thesubscriber.app/viewsubscription.png" style={{ width: '106px', height: '106px' }}></img>,
      title: "Find products2 to sell without buying inventory",
      description: "Have your products shipped directly from the supplier to your customer, and only pay for what you sell.",
      actionLabel: "Brows dropshipping apps",
      footerLink: <span>Footer link</span>
  },
  {
      id: "step13",
      image:<img src="https://images.thesubscriber.app/viewsubscription.png" style={{ width: '106px', height: '106px' }}></img>,
      listtitle: 'Find products3',
      title: "Find products3 to sell without buying inventory",
      description: "Have your products shipped directly from the supplier to your customer, and only pay for what you sell.",
      actionLabel: "Brows dropshipping apps",
      footerLink: <span>Footer link</span>
  }]
  return <GetStarted title="Get Started" list={data} width="600px"/>
}

Screenshots