Text Inputv1

A text input (text box) component allows a user to enter and edit a single or multiple lines of text, depending on the type attribute of the input element. The text input component can be placed within a form and is usually labeled with a helpful text that easily identifies its purpose.

These text input fields can be used in a variety of ways, such as for collecting information like names, email addresses, phone numbers, and other types of text data. Additionally, the text input component can have additional functionality, styling, and accessibility features that can make it more user-friendly, efficient and accessible.

Examples

Standard

The component, simply displaying placeholder data.

This is a short description.

This is a long description.

    
    

    

    
  1. 
        jcr:title:
        Text Input
    
    2. 

    
  2. 
        description:
        <p>This is a long description.</p>
    
    3. 

    

    
  3. 
        tooltip:
        <p>This is a short description.</p>
    
    4. 

    

    
  4. 
        placeholder:
        Enter text here
    
    5. 

    

    
  5. 
        sling:resourceType:
        forms-components-examples/components/form/textinput
    
    6. 

    
  6. 
        fieldType:
        text-input
    
    7. 

    
  7. 
        tooltipVisible:
        true
    
    8. 



    
        

    





    

      
  

      
  

    

    
    
    
  

    
This is a short description.

  


    
    

      
This is a long description.

    


    
    







    

    


    JSON

Built with Core Components 2.27.0.