@hamary/slideshow

React slideshow

Example

import '@hamary/slideshow/style'
import Slideshow from '@hamary/slideshow'

const App = () => {
  return (
    <div>
      <Slideshow
        images={
          [
            {
              src: 'https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Cat_August_2010-4.jpg/1200px-Cat_August_2010-4.jpg',
            },
            {
              src: 'https://tiheisennnokanatahe.c.blog.ss-blog.jp/_images/blog/_a3f/tiheisennnokanatahe/chuni013-f73b8.jpg',
              alt: 'Cat image',
            },
          ]
        }
        classes='cursor-pointer block mx-auto w-full border border-solid border-black max-w-full'
      />
    </div>
  )
}

export default App

Version

• node v21.7.1
• pnpm v8.15.5