BjTour — React

import { useState } from 'react'
import { BjTour } from '@flrxnt/dsbj/react'

const steps = [
  { target: '#step-1', title: 'Bienvenue', content: 'Première étape.', placement: 'bottom' },
  { target: '#step-2', title: 'Suite', content: 'Deuxième étape.', placement: 'right' },
]

function App() {
  const [open, setOpen] = useState(false)

  return (
    <>
      <button className="bj-btn" onClick={() => setOpen(true)}>
        Démarrer la visite
      </button>
      <BjTour
        steps={steps}
        open={open}
        onOpenChange={setOpen}
      />
    </>
  )
}