---
schema_version: "1"
id: 506267ad483f75b1d422b990775ed5f1674de008c49d587d273da865f64bcd2d
title: Flexcards Common Input Element Properties (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_flexcards_common_input_element_properties.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_flexcards_common_input_element_properties.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 2317828192f262fe59735803bb49f07e58b7db324ecc4a15dff43bc1d6d8451e
description: For the managed package runtime, Flexcard Input elements have properties shared by most or all Input elements. For example, add a help icon on any input element that when hovered displays helpful text about the input field.
products:
  - Omnistudio
release: "264"
---
# Flexcards Common Input Element Properties (Managed Package)

For the managed package runtime, Flexcard Input elements have properties shared by most or all Input elements. For example, add a help icon on any input element that when hovered displays helpful text about the input field.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col>
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d187691e45">
            <p style="margin-bottom:0;">Required Versions</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Required Versions" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e45 ">
            <p style="margin-bottom:0;">Available beginning Winter '22.</p>
          </td>

        </tr>
      </tbody>
    </table> <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col>
        <col>
        <col>
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d187691e78">
            <p style="margin-bottom:0;">Property</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d187691e84">
            <p style="margin-bottom:0;">Description</p>
          </th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d187691e90">
            <p style="margin-bottom:0;">Input Elements</p>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e78 ">
            <p style="margin-bottom:0;">Field Binding</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e84 ">
            <p style="margin-bottom:0;">Bind the value of the input element to an existing or new data field.</p>
          </td>

          <td data-label="Input Elements" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e90 ">
            <p style="margin-bottom:0;">All but Toggle</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e78 ">
            <p style="margin-bottom:0;">Custom Attributes</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e84 ">
            <p style="margin-bottom:0;">Configure additional properties available to the specific Input element. See
              the related base LWC ReadMe for information about a specific attribute.</p>
          </td>

          <td data-label="Input Elements" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e90 ">
            <p style="margin-bottom:0;">All but Toggle</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e78 ">
            <p style="margin-bottom:0;">Field Label</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e84 ">
            <p style="margin-bottom:0;">Enter the label that appears next to the element.</p>
          </td>

          <td data-label="Input Elements" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e90 ">
            <p style="margin-bottom:0;">All but Checkbox</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e78 ">
            <p style="margin-bottom:0;">Placeholder</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e84 ">
            <p style="margin-bottom:0;">Enter temporary text that displays inside the input field and suggests to
              the user what to enter.</p>
          </td>

          <td data-label="Input Elements" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e90 ">
            <p style="margin-bottom:0;">Typeahead, Time, Text Area, Telephone, Select, Number, Email, Date,
              Currency</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e78 ">
            <p style="margin-bottom:0;">Required</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e84 ">
            <p style="margin-bottom:0;">Make field required.</p>
          </td>

          <td data-label="Input Elements" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e90 ">
            <p style="margin-bottom:0;">All but Range</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e78 ">
            <p style="margin-bottom:0;">Read-only</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e84 ">
            <p style="margin-bottom:0;">Disable the ability to modify the input values.</p>
          </td>

          <td data-label="Input Elements" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e90 ">
            <p style="margin-bottom:0;">All but Toggle</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e78 ">
            <p style="margin-bottom:0;">Help Text</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e84 ">
            <p style="margin-bottom:0;">Enter helpful text about the purpose of the input field. Adds an info icon
              (i) next to the element's label, which when hovered over displays the
              text.</p>
          </td>

          <td data-label="Input Elements" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e90 ">
            <p style="margin-bottom:0;">All</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e78 ">
            <p style="margin-bottom:0;">Default Value</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e84 ">
            <p style="margin-bottom:0;">Select the default value from a list of data merge fields, or enter plain
              text.</p>
          </td>

          <td data-label="Input Elements" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e90 ">
            <p style="margin-bottom:0;">All (For Checkbox element, check to select by default)</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e78 ">
            <p style="margin-bottom:0;">Value</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e84 ">
            <p style="margin-bottom:0;">Enter a value for the custom attribute.</p>
          </td>

          <td data-label="Input Elements" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e90 ">
            <p style="margin-bottom:0;">All but Toggle</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e78 ">
            <p style="margin-bottom:0;">Attribute</p>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e84 ">
            <p style="margin-bottom:0;">Select from a list of additional properties available to the input
              element.</p>
          </td>

          <td data-label="Input Elements" class="slds-cell-wrap" style="vertical-align:top;" headers="d187691e90 ">
            <p style="margin-bottom:0;">All but Toggle</p>
          </td>

        </tr>
      </tbody>
    </table>