Carousel Pane

Updated:

Use as a single slide within a Carousel.

Properties

The q2-carousel-pane element has one or more properties that support text localization. Those properties are indicated by the localizable badge in the description.

Learn more about properties.

label

Text used only as an aria-label for accessibility purposes.

Localizable

Events

The q2-carousel-pane element exposes events that can be used to send and receive data from the component based on user interaction.

Learn more about events.

tctClickCarouselPane

Emitted when the pane is clicked.

Event Detail Type signature

{ paneIndex: number; pane: HTMLElement; }

Dependencies

This component uses other components in the Tecton library, including:

    Dependents

    Other components in the Tecton library use this component, including:

    • q2-carousel

    Accessibility

    Accessibility Report

    Tecton components are designed and tested to be WCAG compliant when used appropriately, and do not get released without proper validation. Developers should prefer not to set ARIA attributes when using components from the Tecton Design System.

    CSS Variables

    The following CSS variables are available to override the default theme styles of the q2-carousel-pane component.

    Changelog

    The changelog provides a detailed history of new features, improvements, and bug fixes going back to Tecton 1.30.0. If the button is disabled, it indicates there have been no detectable changes since then.

    Show changelog (14)