Input

Overview

This element allows users to enter or provide data or information within a web form or interface. It is one of the fundamental building blocks for user input and interaction on websites and web applications.

Properties

Name	Type	Description
type	This corresponds to all the types of native input element	Type of the input element. Corresponds to the type attribute of the native input element.
value	string	Initial value of the input element
checked	boolean	When set to true, checks the input element
placeholderText	string	Text that appears in the input element when it has no value set
hidden	boolean	When set to true, the input element is not displayed
multiple	boolean	When set to true, allows multiple values for file and email input type.
accept	string	Valid for the file input type only, the accept attribute defines which file types are selectable in a file upload control.
inputStyle	InputStyle	Styling properties and values of the element

InputStyle

Name	Description
width	Sets the width of the element
height	Sets the height of the element
border	Sets the border of the element
borderRadius	Sets the border radius of the element
background	Sets all background style properties at once, such as color, image, origin and size, or repeat method. Reference link
boxShadow	Sets shadow effects around the element
textFont	Sets all the different properties of font for the input text. Reference link
textColor	Sets the foreground color of the input text.
placeholderTextFont	Sets all the different properties of font for the hint text. Reference link
placeholderTextColor	Sets the foreground color of the hint text.

Usage

Javascript

import '@cometchat/uikit-elements';//import the web component package.


<cometchat-input :type="email" :placeholderText="Please enter your email id"  />