renderArrow

You can provide custom Arrow buttons.

Signature

You can pass a function that returns a react element,
This function is a render prop and its signature is:

({type, onClick, isEdge}) => {/* return your element here */}

type will be either consts.PREV or consts.NEXT, depends on the relevant arrow direction.
onClick Is the hook to the inner onClick of the Carousel. You can attach it wherever you want within the returned component.
isEdge Will be true when there are no more items to show for this direction.

You should import the consts object to check the arrow direction

import Carousel, { consts } from 'react-elastic-carousel';
 // ....
type === consts.PREV

Demo

class App extends React.Component {
    myArrow({ type, onClick, isEdge }) {
      const pointer = type === consts.PREV ? '👈' : '👉'
      return (
        <Button onClick={onClick} disabled={isEdge}>
          {pointer}
        </Button>
      )
    }
    render() {
      return (
        <div>
          <Carousel renderArrow={this.myArrow}>
            <Item>1</Item>
            <Item>2</Item>
            <Item>3</Item>
            <Item>4</Item>
            <Item>5</Item>
            <Item>6</Item>
          </Carousel>
        </div>
      )
    }
  }

class App extends React.Component {
    myArrow({ type, onClick, isEdge }) {
      const pointer = type === consts.PREV ? '👈' : '👉'
      return (
        <Button onClick={onClick} disabled={isEdge}>
          {pointer}
        </Button>
      )
    }
    render() {
      return (
        <div>
          <Carousel renderArrow={this.myArrow}>
            <Item>1</Item>
            <Item>2</Item>
            <Item>3</Item>
            <Item>4</Item>
            <Item>5</Item>
            <Item>6</Item>
          </Carousel>
        </div>
      )
    }
  }

renderArrow

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}You can provide custom Arrow buttons.

Signature

Demo

You can provide custom Arrow buttons.