UNPKG

@sandlada/mdc

Version:

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

32 lines 1.25 kB
import { BaseSegmentedButton } from './internal/base-segmented-button'; declare global { interface HTMLElementTagNameMap { 'mdc-segmented-button': SegmentedButton; } } /** * @element mdc-segmented-button * * A selectable segment of an `mdc-segmented-button-set`. Selection state is * owned by the parent set, so a segment is only meaningful as its child. * * The segment renders the MD3 *outlined* variant: a 1px border around the * whole set that doubles as the divider between adjacent segments. * * @slot icon — Optional leading icon. * @slot — The segment label text. * * @fires segmented-button-interaction — Dispatched when the segment is * activated; the parent set decides whether the selection commits. * * @cssproperty --mdc-segmented-button-enabled-container-color-selected * @cssproperty --mdc-segmented-button-enabled-label-color-selected * @cssproperty --mdc-segmented-button-enabled-label-color-unselected * @cssproperty --mdc-segmented-button-enabled-outline-color * @cssproperty --mdc-segmented-button-icon-size * ... */ export declare class SegmentedButton extends BaseSegmentedButton { static styles: import("lit").CSSResult[]; } //# sourceMappingURL=segmented-button.d.ts.map