@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
31 lines (30 loc) • 1.28 kB
TypeScript
/// <reference path="../../index.d.ts" />
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
import type { IconName } from "../calcite-icon/interfaces.js";
/**
* @cssproperty [--calcite-segmented-control-color] - Specifies the component's color.
* @cssproperty [--calcite-segmented-control-background-color] - Specifies the component's background color.
* @cssproperty [--calcite-segmented-control-border-color] - Specifies the component's border color.
* @cssproperty [--calcite-segmented-control-shadow] - Specifies the component's shadow.
* @cssproperty [--calcite-segmented-control-icon-color] - Specifies the icons's color.
*/
export abstract class SegmentedControlItem extends LitElement {
/**
* When `true`, the component is checked.
*
* @default false
*/
accessor checked: boolean;
/** Specifies an icon to display at the end of the component. */
accessor iconEnd: IconName | undefined;
/**
* When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
*
* @default false
*/
accessor iconFlipRtl: boolean;
/** Specifies an icon to display at the start of the component. */
accessor iconStart: IconName | undefined;
/** The component's value. */
accessor value: any | null;
}