• English
    English French German Portuguese
  • 6
    • My Cart

      4 Items
    • donuts
      Apple watch 5
      By Apple
      $374.90
      donuts
      Google Home Mini
      By Google
      $129.40
      donuts
      iPhone 11 Pro
      By Apple
      $699.00
      donuts
      iMac Pro
      By Apple
      $4,999.00
      donuts
      MacBook Pro
      By Apple
      $2,999.00
    • Total:
      $10,999.00
      Checkout
  • 5
    • Notifications

      6 New
    • avatar

      Congratulation Sam 🎉winner!

      Won the monthly best seller badge.
      avatar

      New message received

      You have 10 unread messages
      MD

      Revised Order 👋 checkout

      MD Inc. order updated
      System Notifications

      Server down registered

      USA Server is down due to high CPU usage

      Sales report generated

      Last month sales report generated

      High memory usage

      BLR Server using high memory
    • Read all notifications
  • John DoeAdmin
    avatar
    Profile Inbox Task Chats
    Settings Pricing FAQ Logout
  • Files
  • png

    Two new item submitted

    Marketing Manager
    '17kb
  • png

    52 JPG file Generated

    FontEnd Developer
    '11kb
  • png

    25 PDF File Uploaded

    Digital Marketing Manager
    '150kb
  • png

    Anna_Strong.doc

    Web Designer
    '256kb
  • Members
  • png

    John Doe

    UI designer
  • png

    Michal Clark

    FontEnd Developer
  • png

    Milena Gibson

    Digital Marketing Manager
  • png

    Anna Strong

    Web Designer
  • No results found.
  • Vuexy

  • Dashboards2
    • Analytics
    • eCommerce
  • Apps & Pages
  • Email
  • Chat
  • Todo
  • Calendar
  • Kanban
  • Invoice
    • List
    • Preview
    • Edit
    • Add
  • File Manager
  • Roles & Permission
    • Roles
    • Permission
  • eCommerce
    • Shop
    • Details
    • Wish List
    • Checkout
  • User
    • List
    • View
      • Account
      • Security
      • Billing & Plans
      • Notifications
      • Connections
  • Pages
    • Account Settings
      • Account
      • Security
      • Billings & Plans
      • Notifications
      • Connections
    • Profile
    • FAQ
    • Knowledge Base
    • Pricing
    • License
    • API Key
    • Blog
      • List
      • Detail
      • Edit
    • Mail Template
      • Welcome
      • Reset Password
      • Verify Email
      • Deactivate Account
      • Invoice
      • Promotional
    • Miscellaneous
      • Coming Soon
      • Not Authorized
      • Maintenance
      • Error
  • Authentication
    • Login
      • Basic
      • Cover
    • Register
      • Basic
      • Cover
      • Multi-Steps
    • Forgot Password
      • Basic
      • Cover
    • Reset Password
      • Basic
      • Cover
    • Verify Email
      • Basic
      • Cover
    • Two Steps
      • Basic
      • Cover
  • Modal Examples
  • User Interface
  • Typography
  • Feather
  • CardNew
    • Basic
    • Advance
    • Statistics
    • Analytics
    • Card Actions
  • Components
    • Accordion
    • Alerts
    • Avatar
    • Badges
    • Breadcrumbs
    • Buttons
    • Carousel
    • Collapse
    • Divider
    • Dropdowns
    • List Group
    • Modals
    • Navs Component
    • Offcanvas
    • Pagination
    • Pill Badges
    • Pills Component
    • Popovers
    • Progress
    • Spinner
    • Tabs Component
    • Timeline
    • Toasts
    • Tooltips
  • Extensions
    • Sweet Alert
    • BlockUI
    • Toastr
    • Sliders
    • Drag & Drop
    • Tour
    • Clipboard
    • Media Player
    • Context Menu
    • Swiper
    • Tree
    • Ratings
    • l18n
  • Page Layouts
    • Collapsed Menu
    • Layout Full
    • Without Menu
    • Layout Empty
    • Layout Blank
  • Forms & Tables
  • Form Elements
    • Input
    • Input Groups
    • Input Mask
    • Textarea
    • Checkbox
    • Radio
    • Custom Options
    • Switch
    • Select
    • Number Input
    • File Uploader
    • Quill Editor
    • Date & Time Picker
  • Form Layout
  • Form Wizard
  • Form Validation
  • Form Repeater
  • Table
  • Datatable
    • Basic
    • Advanced
  • Charts & Maps
  • Charts2
    • Apex
    • Chartjs
  • Leaflet Maps
  • Misc
  • Menu Levels
    • Second Level 2.1
    • Second Level 2.2
      • Third Level 3.1
      • Third Level 3.2
  • Disabled Menu
  • Documentation
  • Raise Support

Carousel

  1. Home
  2. Components
  3. Carousel
TodoChatEmailCalendar
Nested carousels are not supported.

Basic Example

First slide
Second slide
Third slide

Optional captions

First slide

First Slide Label

Donut jujubes I love topping I love sweet. Jujubes I love brownie gummi bears I love donut sweet chocolate. Tart chocolate marshmallow.Tart carrot cake muffin.

Second slide

Second Slide Label

Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies. Cupcake cake I love cake danish carrot cake.

Third slide

Third Slide Label

Pudding sweet pie gummies. Chocolate bar sweet tiramisu cheesecake chocolate cotton candy pastry muffin. Marshmallow cake powder icing.

Previous Next

Interval Option

The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-bs-interval="".

First slide
Second slide
Third slide
Previous Next

Pause Option

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.

First slide
Second slide
Third slide
Previous Next

Wrap Option

Whether the carousel should cycle continuously or have hard stops. [Default: true]

First slide
Second slide
Third slide
Previous Next

Keyboard Option

Whether the carousel should react to keyboard events. [Default: false]

First slide
Second slide
Third slide
Previous Next

Crossfade

Add .carousel-fade to your carousel to animate slides with a fade transition instead of a slide.

cf-img-1
cf-img-2
cf-img-3
Previous Next

Dark variant

Add .carousel-dark to the .carousel for darker controls, indicators, and captions.

image1
First slide label

Some representative placeholder content for the first slide.

image2
Second slide label

Some representative placeholder content for the second slide.

image3
Third slide label

Some representative placeholder content for the third slide.

COPYRIGHT © 2021Pixinvent, All rights ReservedHand-crafted & Made with