builder-block.jsx

import PropTypes from 'prop-types'
import React, { Component } from 'react'
import { BuilderBlock } from '@builder.io/react'
import SlickCarousel from 'base/lib/ui/slick_carousel'

@BuilderBlock({
  name: 'Slider',
  inputs: [
    {
      name: 'autoplay',
      type: 'boolean',
      defaultValue: false,
    },
  ],
})
class Slider extends Component {
  static propTypes = {
    autoplay: PropTypes.bool,
  }

  render() {
    return (
      <SlickCarousel options={{ autoplay: this.propTypes.autoplay }}>
        <div>
          <img src="https://res.cloudinary.com/everlane/image/upload/dpr_1.5,f_auto/v1/i/57b6856b_0cd8.jpg" />
        </div>
        <div>
          <img src="https://res.cloudinary.com/everlane/image/upload/dpr_1.5,f_auto/v1/i/758cd374_968f.jpg" />
        </div>
        <div>
          <img src="https://res.cloudinary.com/everlane/image/upload/dpr_1.5,f_auto/v1/i/7def1320_0749.jpg" />
        </div>
      </SlickCarousel>
    )
  }
}