• Vuesax

  • Dashboard2
    • Analytics
    • eCommerce
  • Apps
  • Email
  • Chat
  • Todo
  • Calender
  • Ecommerce
    • Shop
    • Wish List
    • Checkout
  • UI Elements
  • Data ListNew
    • List View
    • Thumb View
  • Content
    • Grid
    • Typography
    • Text Utilities
    • Syntax Highlighter
    • Helper Classes
  • Colors
  • Icons
    • Feather
    • Font Awesome
  • Card
    • Basic
    • Advance
    • Statistics
    • Analytics
    • Card Actions
  • Components
    • Alerts
    • Buttons
    • Breadcrumbs
    • Carousel
    • Collapse
    • Dropdowns
    • List Group
    • Modals
    • Pagination
    • Navs Component
    • Navbar
    • Tabs Component
    • Pills Component
    • Tooltips
    • Popovers
    • Badges
    • Pill Badges
    • Progress
    • Media Objects
    • Spinner
    • Toasts
  • Extra Components
    • Avatar
    • Chips
    • Divider
  • Forms & Tables
  • Form Elements
    • Select
    • Switch
    • Checkbox
    • Radio
    • Input
    • Input Groups
    • Number Input
    • Textarea
    • Date & Time Picker
  • Form Layout
  • Form Wizard
  • Form Validation
  • Table
  • Datatable
  • pages
  • Profile
  • FAQ
  • Knowledge Base
  • Search
  • Invoice
  • Starter kit
    • 1 column
    • 2 columns
    • Fixed navbar
    • Floating navbar
    • Fixed layout
    • Static layout
  • Authentication
    • Login
    • Register
    • Forgot Password
    • Reset Password
    • Lock Screen
  • Miscellaneous
    • Coming Soon
    • Error
      • 404
      • 500
    • Not Authorized
    • Maintenance
  • Charts & Maps
  • Charts3
    • Apex
    • Chartjs
    • Echarts
  • Google Maps
  • Extensions
  • Sweet Alert
  • Toastr
  • NoUi Slider
  • File Uploader
  • Quill Editor
  • Drag & Drop
  • Tour
  • Clipboard
  • Context Menu
  • l18n
  • Others
  • Menu Levels
    • Second Level
    • Second Level
      • Third Level
      • Third Level
  • Disabled Menu
  • Support
  • Changelog1.0
  • Documentation
  • Raise Support
    • English
      EnglishFrenchGermanPortuguese
      • 5
        • 5 New

          App Notifications
        • You have new order!
          Are your going to meet me tonight?
          9 hours ago
          99% Server load
          You got new order of goods.
          5 hour ago
          Warning notifixation
          Server have 99% CPU usage.
          Today
          Complete the task
          Cake sesame snaps cupcake
          Last week
          Generate monthly report
          Chocolate cake oat cake tiramisu marzipan
          Last month
        • Read all notifications
      • John DoeAvailable
        avatar
        Edit ProfileMy InboxTaskChats
        Logout

      Carousel

      1. Home
      2. Components
      3. Carousel
      ChatEmailCalendar

      Nested carousels are not supported.

      Basic Example

      First slide
      Second slide
      Third slide
      PreviousNext

      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.

      PreviousNext

      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-interval="".

      First slide
      Second slide
      Third slide
      PreviousNext

      Pause Option

      If set to "hover", pauses the cycling of the carousel on mouseenterand 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
      PreviousNext

      Wrap Option

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

      First slide
      Second slide
      Third slide
      PreviousNext

      Keyboard Option

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

      First slide
      Second slide
      Third slide
      PreviousNext

      Crossfade

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

      cf-img-1
      cf-img-2
      cf-img-3
      PreviousNext

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