akiran / react-slick

React carousel component
http://react-slick.neostack.com/
MIT License
11.77k stars 2.1k forks source link

Styles don't apply #123

Closed kharandziuk closed 9 years ago

kharandziuk commented 9 years ago

I'm trying to recreate the sample from documentation with Coffee:

React = require('react')
Slider = require('react-slick')
D = React.DOM

SimpleSlider = React.createClass({
  render: () ->
    settings = {
      dots: true,
      infinite: true,
      speed: 500,
      slidesToShow: 1,
      slidesToScroll: 1
    }
    return D.div({},
      React.createElement(
        Slider, settings, [
          D.div(
            D.h3("1")
          )
          D.div(
            D.h3("2")
          )
        ]
      )
    )
})

React.render(
    React.createElement(SimpleSlider),
    document.body
)

but for some reasons I see ugly UI(see screenshot). What did I miss? scrn

vramana commented 9 years ago

@kharandziuk This probably

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.3.15/slick.css" />