Slick: How i can use vertical carousel with Up/Down arrow navigation

[designersuresh]

The current carousel is horizontal with left/right arrow. I would like to use carousel vertically with top and bottom arrow navigation. I couldn't see any solution inside the library/js. Please let me know if anyone has solution.

[kenwheeler]

Set vertical mode to true in the options, and then position your next/prev arrows relatively with margin: auto and top and bottom values so they are above and below the slider.

[tomamarius3]

@designersuresh Hey! I've stumbled upon this recently. The easiest way to do this is to assign the nextArrow and prevArrow having a definition for your slider like this:
$('.slider').slick({
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
vertical: true,
prevArrow: $('.top-arrow'),
nextArrow: $('.bottom-arrow')
});