bp-sdk-autocomplete-input

Custom element hooks

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

Classes

Name	Description
bp-sdk-autocomplete__container	Root container for autocomplete
bp-sdk-autocomplete__label	Label element
bp-sdk-autocomplete__input	Input element
bp-sdk-autocomplete__list	Unsorted List element for options
bp-sdk-autocomplete__list-item	Class applied to all list item elements that displays choice
bp-sdk-autocomplete__list-item-${choice.id}	Dynamic class on list items tagged to choice id
bp-sdk-autocomplete__list-item-text	Class for all elements that display choice text
bp-sdk-autocomplete__list-item-text-${choice.id}	Dynamic class on choice text elements tagged to choice id
bp-sdk-no-results	Class on element that is to be displayed when no choices are available
bp-sdk-visually-hidden	Conditional class suggesting when an element should be hidden

Properties

Property	Attribute	Description	Type	Default
allowFallthrough	allow-fallthrough	Allow text to fall through if no selected choices	boolean	false
answerId	answer-id	Answer id	string	undefined
answeredBySource	answered-by-source	Specifically how the question was answered (ie. "ACORD 126")	string	undefined
choiceId	choice_id	* Selected choice id	string	undefined
choices	--	* Choices to display	IChoice[]	[]
code	code	question code	string	undefined
disableDropdown	disable-dropdown	Disables dropdown	boolean	false
errorText	error_text	Error text	string	undefined
errors	--	Error messages	string[]	undefined
fieldType	field_type	Field type	string	undefined
helpText	help-text	Help text	string	undefined
isCompleted	is_completed	Is answer in complete state	boolean	false
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 to use	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
placeholder	placeholder	Placeholder to display	string	''
pristine	pristine	Is pristine	boolean	true
questionId	question_id	Question id	string	undefined
required	required	Is required	boolean	false
showChoices	show_choices	Show choices	boolean	false
showNoChoicesFallback	show-no-choices-fallback	Should show no choices fallback if list is empty	boolean	true
touched	touched	Is touched	boolean	false

Events

Event	Description	Type
filterUpdate		CustomEvent<{ id: string; value: string; }>
removeActiveAnswer		CustomEvent<void>
updateActiveAnswer		CustomEvent<string>
valueUpdate		CustomEvent<string[]>

Dependencies

Used by

• bp-sdk-autocomplete-naics-container
• bp-sdk-business-classification-selector
• bp-sdk-dynamic-input

Depends on

• bp-sdk-errors-container

Graph

graph TD; bp-sdk-autocomplete-input --> bp-sdk-errors-container bp-sdk-errors-container --> bp-sdk-errors bp-sdk-autocomplete-naics-container --> bp-sdk-autocomplete-input bp-sdk-business-classification-selector --> bp-sdk-autocomplete-input bp-sdk-dynamic-input --> bp-sdk-autocomplete-input style bp-sdk-autocomplete-input fill:#f9f,stroke:#333,stroke-width:4px

---

Built with StencilJS