• 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