@limetech/lime-elements
Version:
51 lines • 1.82 kB
TypeScript
/**
* This is an internal and private component that many input fields
* use to display a helper text, along with a character counter below the
* input field.
*
* We created this to keep the visual styles the same everywhere
* and to avoid importing styles separately.
*
* Also this enables us to open the helper line in limel-portal,
* more easily without having to send the styles to the portal.
*
* @exampleComponent limel-example-helper-line-basic
* @exampleComponent limel-example-helper-line-invalid
* @exampleComponent limel-example-helper-line-long-text
* @exampleComponent limel-example-helper-line-long-text-no-counter
* @exampleComponent limel-example-helper-line-character-counter
* @exampleComponent limel-example-helper-line-empty
* @exampleComponent limel-example-helper-line-animation
* @private
*/
export declare class HelperLine {
/**
* The helper text that is displayed on the left side.
*/
helperText?: string;
/**
* Length of the current input value, coming from the parent component.
* Used in the character counter section on the right side.
*/
length?: number;
/**
* Maximum length of the characters, defined on the parent component.
* Used in the character counter section on the right side.
*/
maxLength?: number;
/**
* Turns `true`, when the parent component is invalid.
* For example, when the parent component is `required` but is left empty.
* Or when the input format is invalid.
*/
invalid?: boolean;
/**
* Used by `aria-controls` and `aria-describedby` in the parent component.
*/
helperTextId?: string;
render(): any;
private hasContent;
private renderHelperText;
private renderCharacterCounter;
}
//# sourceMappingURL=helper-line.d.ts.map