bp-sdk-text-input

Custom element hooks

Name	Description
bp-sdk-external-text-input	disables html

Classes

Name	Description
bp-sdk-text__container	Root div element
bp-sdk-text__input	Input element
bp-sdk-text__label	Label element

Properties

Property	Attribute	Description	Type	Default
answerId	answer-id	Answer id	string	undefined
answeredBySource	answered-by-source	Specifically how the question was answered (ie. "ACORD 126")	string	undefined
autoComplete	auto-complete	Autocomplete attribute value for input	string	undefined
code (required)	code	Question code	string	undefined
errorText	error_text	Error text	string	undefined
errors	--	Error messages	string[]	[]
fieldType	field_type	Field type	string	'text'
helpText	help-text	Help text	string	undefined
isCompleted	is_completed	Is answer in complete state	boolean	false
isEnabled	is-enabled	Is enabled	boolean	true
isReadOnly	is-read-only	When true, the field will be readonly. It will display only the label and value as plain text.	boolean	false
label	label	Label	string	undefined
labelId	label-id	Aria label id's that describes input for screen readers	string	undefined
labelledBy	labelled-by	Labels that describe group	string	undefined
max	max_value	maximum length of input	number	-1
min	min_value	minimum length of input	number	-1
pattern	pattern	Regular expression pattern input should match	string	undefined
placeholder	placeholder	Placeholder to display	string	''
pristine	pristine	is pristine	boolean	true
questionId	question_id	Question id	string	undefined
required	required	Is question required	boolean	false
text	text	Initial text value	string	undefined
touched	touched	is touched	boolean	false

Events

Event	Description	Type
valueUpdate	Value change event	CustomEvent<string>

Dependencies

Used by

• bp-sdk-text-input-container
• bp-sdk-vehicle-vin
• bp-sdk-vehicle-vin-input

Depends on

• bp-sdk-errors-container

Graph

graph TD; bp-sdk-text-input --> bp-sdk-errors-container bp-sdk-errors-container --> bp-sdk-errors bp-sdk-text-input-container --> bp-sdk-text-input bp-sdk-vehicle-vin --> bp-sdk-text-input bp-sdk-vehicle-vin-input --> bp-sdk-text-input style bp-sdk-text-input fill:#f9f,stroke:#333,stroke-width:4px

---

Built with StencilJS