Input Message

Input Message provides a contextual message to a user allowing the passing of content, links, etc.

Note
When the component is empty, the hidden property/attribute should be used to hide the component from the DOM, otherwise additional spacing will be displayed.

Overview

Input Message is a utility component, which can provide context or helpful hints to an accompanying component, such as an Input.

Usage

  • Error message handling for a form-based component
  • Additional messaging to an accompanying component

Sample

1
2
3
4
5
6
7
8
<calcite-label>
    Desired subdomain
    <calcite-input suffix-text=".city-of-acme.gov" placeholder="Enter your subdomain" value="big-map-fan">
    </calcite-input>
    <calcite-input-message icon="smile" status="valid">
        Excellent news - this domain is available.
    </calcite-input-message>
</calcite-label>
v3.0.3

API reference

Properties

PropertyAttributeDescriptionTypeDefault
iconiconSpecifies an icon to display.boolean | string
iconFlipRtlicon-flip-rtlWhen true, the icon will be flipped when the element direction is right-to-left ("rtl").booleanfalse
scalescaleSpecifies the size of the component."l" | "m" | "s""m"
statusstatusSpecifies the status of the input field, which determines message and icons."idle" | "invalid" | "valid""idle"

Slots

NameDescription
default (unnamed)A slot for adding text.

Styles

NameDescription
--calcite-input-message-spacing-valueThe top margin spacing above the component.

Methods

NameDescriptionSignature
componentOnReadyCreate a promise that resolves once component is fully loaded.componentOnReady(): Promise<void>

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.

You can no longer sign into this site. Go to your ArcGIS portal or the ArcGIS Location Platform dashboard to perform management tasks.

Your ArcGIS portal

Create, manage, and access API keys and OAuth 2.0 developer credentials, hosted layers, and data services.

Your ArcGIS Location Platform dashboard

Manage billing, monitor service usage, and access additional resources.

Learn more about these changes in the What's new in Esri Developers June 2024 blog post.

Close