@legumeinfo/web-components/lib/core/lis-form-input-example-element.d.ts

Web Components for the Legume Information System and other AgBio databases

import { LitElement } from 'lit';
/**
 * @htmlElement `<lis-form-input-example-element>`
 *
 * A Web Component that provides a consistent example text element for form inputs.
 *
 * @example
 * The element's {@link text | `text`} attribute/property can be set via HTML or
 * JavaScript.
 *
 * For example:
 * ```html
 * <!-- set the text via HTML -->
 * <lis-from-input-example-element text="This is the example text"></lis-from-input-example-element>
 *
 * <!-- set the text via JavaScript -->
 * <lis-from-input-example-element id="example"></lis-from-input-example-element>
 *
 * <script type="text/javascript">
 *   // get the example element.
 *   const exampleElement = document.getElementById('example');
 *   // set the element's example property
 *   exampleElement.text = 'This is also example text';
 * </script>
 * ```
 */
export declare class LisFormInputExampleElement extends LitElement {
    /** @ignore */
    static styles: import("lit").CSSResult;
    /** @ignore */
    createRenderRoot(): this;
    /**
     * The text to show in the example element.
     *
     * @attribute
     */
    text?: string;
    /** @ignore */
    private _getexampleElement;
    /** @ignore */
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'lis-form-input-example-element': LisFormInputExampleElement;
    }
}
//# sourceMappingURL=lis-form-input-example-element.d.ts.map