UNPKG

@sandlada/mdc

Version:

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

38 lines 1.55 kB
import { BaseCarousel } from './internal/base-carousel'; declare global { interface HTMLElementTagNameMap { 'mdc-carousel': Carousel; } } /** * @element mdc-carousel * * A horizontal carousel container that owns layout and focal tracking for its * `mdc-carousel-item` children. Item widths derive from `preferred-item-width` * (the large size; small ≈ ⅓ of large clamped to 40–56px, medium the average) * and are published as inheritable `--_item-width-*` / `--_item-shape-*` * custom properties, so the three sizes differ only in width and roundness. * * @slot — One or more `mdc-carousel-item` elements. * * @fires carousel-active-change {CustomEvent<{item: CarouselItem, index: number}>} * Dispatched when the focal (leading) item changes, on scroll or via * `scrollToItem()`. --bubbles --composed * * @cssproperty --mdc-carousel-large-item-width * @cssproperty --mdc-carousel-medium-item-width * @cssproperty --mdc-carousel-small-item-width * @cssproperty --mdc-carousel-large-item-shape * @cssproperty --mdc-carousel-medium-item-shape * @cssproperty --mdc-carousel-small-item-shape * @cssproperty --mdc-carousel-item-spacing * @cssproperty --mdc-carousel-leading-padding * @cssproperty --mdc-carousel-trailing-padding * @cssproperty --mdc-carousel-top-padding * @cssproperty --mdc-carousel-bottom-padding * @cssproperty --mdc-carousel-item-height */ export declare class Carousel extends BaseCarousel { static styles: import("lit").CSSResult; } //# sourceMappingURL=carousel.d.ts.map