@loadsmart/miranda-wc
Version:
Miranda Web Components component library
80 lines (79 loc) • 2.11 kB
TypeScript
import { Component } from '../component';
import '../icon';
export type CaretButtonSize = 'small' | 'default' | 'large';
export interface CaretButtonProps {
controls?: string;
disabled?: boolean;
inverted?: boolean;
rotated?: boolean;
label?: string;
size?: CaretButtonSize;
}
export declare class CaretButton extends Component implements CaretButtonProps {
#private;
static shadowRootOptions: {
delegatesFocus: boolean;
mode: ShadowRootMode;
serializable?: boolean;
slotAssignment?: SlotAssignmentMode;
};
static styles: import("lit").CSSResult[];
static get properties(): {
controls: {
type: StringConstructor;
};
disabled: {
type: BooleanConstructor;
reflect: boolean;
};
inverted: {
type: BooleanConstructor;
reflect: boolean;
};
rotated: {
type: BooleanConstructor;
reflect: boolean;
};
label: {
type: StringConstructor;
};
size: {
type: StringConstructor;
reflect: boolean;
};
};
/**
* Id of the element being controlled by the caret button.
*/
controls: CaretButtonProps['controls'];
/**
* Determine if the button will be disabled.
*/
disabled: CaretButtonProps['disabled'];
/**
* Determine if the button will be displayed with inverted colors.
*/
inverted: CaretButtonProps['inverted'];
/**
* Determine if the button will be displayed with rotated icon.
*/
rotated: CaretButtonProps['rotated'];
/**
* Button label.
*/
label: CaretButtonProps['label'];
/**
* Button size. Defaults to 'default'.
*/
size: CaretButtonProps['size'];
static define(): void;
constructor();
connectedCallback(): void;
disconnectedCallback(): void;
render(): import("lit-html").TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'm-caret-button': CaretButton;
}
}