Comments (14)
Are there any updates with this? Very much looking forward to a carousel!
from reactstrap.
Yup, that's the plan.
from reactstrap.
@raavanan Any update?
from reactstrap.
@chefnobody I am done with most of the logic. been busy with work lately.. will knock this off this weekend
from reactstrap.
Hey @eddywashere , I want to do help build this Component.
from reactstrap.
@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.
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.
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.
@raavanan Any chance this Component will be wrapped up soon? I could make use of it asap 😃
from reactstrap.
@raavanan You're a good man! I'll keep an eye out for a PR, then. 👍
from reactstrap.
Hey, can someone finish this component? 😃
from reactstrap.
Boooooo! No carousel still
from reactstrap.
@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.
Please update #13 with this. Thanks 👍
from reactstrap.
Related Issues (20)
- Toast message displays behind the Modal dialog (with backdrop)
- Toast animation is not working HOT 1
- Cannot npm run start HOT 8
- DropdownMenu end does not right align in navbar
- ERROR: "Class extends value undefined is not a constructor or null" after running Next.js 13 with app dir HOT 9
- Dropdown appered error useState
- Offcanvas example code not working HOT 1
- Dropdown component throws error if used with inNavbar property HOT 4
- DropdownItem looses menuitem role when disabled HOT 1
- Enhancement Request - ModalTitle component
- Tooltip arrows are not visible with Bootstrap 5.3.0 HOT 1
- [deps] Checking for breaking changes in Dependabot's PRs
- Problem to centralize CarouselCaption
- Shift+Tab Model with ShadowRoot
- Carousel: switching interval to false does not deactivate autoplay directly
- Padding issue when closing a modal and opening another at the same time
- FormGroup combined with InputGroup doesn't render properly due to mis-placed class name 'mb-3' HOT 1
- Preventing scroll is not working for nested Offcanvas
- Due to the type definition, UncontrolledAccordion cannot be used without toggle HOT 1
- ReactStrap Navbar is not printed to default pdf printer pf browsers
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from reactstrap.