CarouselV2
Known issues
If the carousel goes out of bounds on small screens or if it grows forever and ever then most likely the carousel has been wrapped in a container up the tree that has display: grid. Check out the CSS files for more information.
Settings
| Name | Type | Default | Description |
|---|---|---|---|
| data-slides-per-view | number | 'auto' | 1 | Number of slides per view (slides visible at the same time on slider's container). |
| data-slides-per-view-md | number | 'auto' | 2 | Number of slides per view at MD breakpoint. |
| data-slides-per-view-xl | number | 'auto' | 4 | Number of slides per view at XL breakpoint. |
| {sm, md, lg}:lta-carouselv2--hide-nav | class | N\A | Hides the navigation controls (arrow buttons) at the specifed breakpoint |
| lta-carouselv2--same-height | class | N\A | Sets all slides to display flex, to make sure they have the same height. |
| lta-carouselv2__controls--inverse | class | N\A | Inverts the controls colors to be used on dark backgrounds. |
Default settings
Emma Raducanu Celebrates Her Victory | 2021 US Open 1
Emma Raducanu Celebrates Her Victory | 2021 US Open 2
Emma Raducanu Celebrates Her Victory | 2021 US Open 3
Emma Raducanu Celebrates Her Victory | 2021 US Open 4
3 Slides per view at xl
Emma Raducanu Celebrates Her Victory | 2021 US Open 1
Emma Raducanu Celebrates Her Victory | 2021 US Open 2
Emma Raducanu Celebrates Her Victory | 2021 US Open 3
Emma Raducanu Celebrates Her Victory | 2021 US Open 4
Hide navigation controls at SM breakpoint
Slide content of the same height
Emma Raducanu Celebrates Her Victory | 2021 US Open long text long text long text long text
Emma Raducanu Celebrates Her Victory | 2021 US Open 2
Emma Raducanu Celebrates Her Victory | 2021 US Open 3
Emma Raducanu Celebrates Her Victory | 2021 US Open 4
Inverted navigation controls
Emma Raducanu Celebrates Her Victory | 2021 US Open long text long text long text long text
Emma Raducanu Celebrates Her Victory | 2021 US Open 2
Emma Raducanu Celebrates Her Victory | 2021 US Open 3
Emma Raducanu Celebrates Her Victory | 2021 US Open 4
Card Component Full Width
LTA hails Government’s investment into public park courts
The £22million investment, together with an investment from the LTA of £8.5m, will see thousands of public park tennis courts brought back to life for the benefit of their local community
LTA hails Government’s investment into public park courts
The £22million investment, together with an investment from the LTA of £8.5m, will see thousands of public park tennis courts brought back to life for the benefit of their local community
LTA hails Government’s investment into public park courts
The £22million investment, together with an investment from the LTA of £8.5m, will see thousands of public park tennis courts brought back to life for the benefit of their local community
LTA hails Government’s investment into public park courts
The £22million investment, together with an investment from the LTA of £8.5m, will see thousands of public park tennis courts brought back to life for the benefit of their local community