sling-web-component-input v1.12.5

sling-web-component-input

Install

npm install sling-web-component-input 

Tag

<sling-input></sling-input>      

Dependencies

• sling-web-framework

• sling-web-helpers

  Attributes and properties

  Name	Type	Default value	ReflectToAttribute	Observer	callSdk
  autocomplete	String		:heavy_check_mark:
  checked	Boolean		:heavy_check_mark:
  disabled	Boolean		:heavy_check_mark:
  label	String		:heavy_check_mark:
  type	String	text	:heavy_check_mark:	formatType
  max	Number		:heavy_check_mark:
  maxlength	Number		:heavy_check_mark:
  min	Number		:heavy_check_mark:
  minlength	Number		:heavy_check_mark:
  name	String		:heavy_check_mark:
  pattern	String		:heavy_check_mark:
  placeholder	String		:heavy_check_mark:
  readonly	Boolean		:heavy_check_mark:
  required	Boolean		:heavy_check_mark:
  size	Number		:heavy_check_mark:
  src	String		:heavy_check_mark:
  state	String		:heavy_check_mark:
  step	Number		:heavy_check_mark:
  validationmessage	Object		:heavy_check_mark:
  value	String		:heavy_check_mark:	formatValue

Description

Events

• input

Description: Event triggered when field is populated, has the values and field type as properties.

Details:

Examples

All component examples can be emulated using the npm start sling-web-component-input command.

Use

<sling-input label="Label" placeholder="Placeholder..."></sling-input>      

<sling-input label="Disabled" placeholder="Placeholder..." disabled></sling-input>      

<sling-input label="Success" placeholder="Placeholder..." state="success"></sling-input>