@3mo/field
Version:
A set of field web components.
51 lines • 1.54 kB
TypeScript
import { Component } from '@a11d/lit';
import { SlotController } from '@3mo/slot-controller';
import { ThemeController } from '@3mo/theme';
import '@3mo/theme';
/**
* @element mo-field
*
* @attr label
* @attr readonly
* @attr disabled
* @attr required
* @attr dense
* @attr populated
* @attr invalid
*
* @slot - The field's content
* @slot start - Content to be placed at the start of the field
* @slot end - Content to be placed at the end of the field
*
* @cssprop --mo-field-background - The field's background color
*/
export declare class Field extends Component {
static readonly shadowRootOptions: {
delegatesFocus: boolean;
mode: ShadowRootMode;
serializable?: boolean;
slotAssignment?: SlotAssignmentMode;
};
label: string;
readonly: boolean;
disabled: boolean;
required: boolean;
dense: boolean;
populated: boolean;
invalid: boolean;
active: boolean;
readonly slotController: SlotController;
readonly themeController: ThemeController;
static get styles(): import("@a11d/lit").CSSResult;
protected static get labelStyles(): import("@a11d/lit").CSSResult;
protected static get indicatorLineStyles(): import("@a11d/lit").CSSResult;
protected static get caretStyles(): import("@a11d/lit").CSSResult;
private get direction();
protected get template(): import("lit-html").HTMLTemplateResult;
}
declare global {
interface HTMLElementTagNameMap {
'mo-field': Field;
}
}
//# sourceMappingURL=Field.d.ts.map