@sandlada/mdc
Version:
@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.
32 lines • 1.25 kB
TypeScript
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