Git Product home page Git Product logo

Comments (14)

louisscruz avatar louisscruz commented on May 6, 2024 8

Are there any updates with this? Very much looking forward to a carousel!

from reactstrap.

raavanan avatar raavanan commented on May 6, 2024 3

Yup, that's the plan.

from reactstrap.

TheSharpieOne avatar TheSharpieOne commented on May 6, 2024 2

@raavanan Any update?

from reactstrap.

raavanan avatar raavanan commented on May 6, 2024 1

@chefnobody I am done with most of the logic. been busy with work lately.. will knock this off this weekend

from reactstrap.

raavanan avatar raavanan commented on May 6, 2024

Hey @eddywashere , I want to do help build this Component.

from reactstrap.

raavanan avatar raavanan commented on May 6, 2024

@eddywashere I have joined your slack team. I have forked the repo, and am studying the codebase. please ping me on starting work on this.

from reactstrap.

raavanan avatar raavanan commented on May 6, 2024

So here is the breakdown for the carousel component wise.

  • Carousel (container)
  • CarouselIndicators
  • CarouselItem
  • CarouselCaption
  • CarouselControl (left and right)

Carousel methods

  • Cycle (Cycles through the carousel items from left to right.)
  • Pause (Stops the carousel from cycling through items.)
  • Number (Cycles the carousel to a particular frame (0 based, similar to an array).)
  • Prev (Cycles to the previous item.)
  • Next (Cycles to the next item.)

Carousel Options

  • Interval (The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.)
  • pause (If set to "hover", pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. If set to null, hovering over the carousel won't pause it.)
  • wrap (Whether the carousel should cycle continuously or have hard stops.)
  • keyboard (Whether the carousel should react to keyboard events.)

Carousel Events

  • slide.bs.carousel (This event fires immediately when the slide instance method is invoked.)
  • slid.bs.carousel (This event is fired when the carousel has completed its slide transition.)

all details from http://v4-alpha.getbootstrap.com/components/carousel/

from reactstrap.

eddywashere avatar eddywashere commented on May 6, 2024

Looks good to start to me. I assume the methods would live on the wrapping component and get passed via state or context. Same for options via props?

from reactstrap.

chefnobody avatar chefnobody commented on May 6, 2024

@raavanan Any chance this Component will be wrapped up soon? I could make use of it asap 😃

from reactstrap.

chefnobody avatar chefnobody commented on May 6, 2024

@raavanan You're a good man! I'll keep an eye out for a PR, then. 👍

from reactstrap.

nielk avatar nielk commented on May 6, 2024

Hey, can someone finish this component? 😃

from reactstrap.

Gribbs avatar Gribbs commented on May 6, 2024

Boooooo! No carousel still

from reactstrap.

slimeygecko avatar slimeygecko commented on May 6, 2024

@raavanan, It looks like you've come a long way on the carousel. I'd be happy to finish it up for you. Do you have a fork / branch that has the code in it?

Edit: looks like there are a couple of PR's pending on this topic:
#412
#407

from reactstrap.

mpartipilo avatar mpartipilo commented on May 6, 2024

Please update #13 with this. Thanks 👍

from reactstrap.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.