Skip to main content

bp-sdk-business-classification-selector

If you would like to use NAICS nudges (if they are enabled) you should include the bp-sdk-business-classification-selector-nudge-container if you replace this component, like so:

{this.isRefilteringEnabled && <bp-sdk-business-classification-selector-nudge-container questionId={this.questionId} />}

Custom element hooks

NameDescription
bp-sdk-external-business-classification-selectordisable html

Classes

NameDescription
bp-sdk-business-classification-selector__containerRoot div element

Properties

PropertyAttributeDescriptionTypeDefault
answerIdanswer-idAnswer idstringundefined
answeredBySourceanswered-by-sourceSpecifically how the question was answered (ie. "ACORD 126")stringundefined
choiceIdchoice_id* Selected choice idstringundefined
choices--* Choices to displayIChoice[][]
codecodeQuestion codestringundefined
errorTexterror_textError textstringundefined
errors--Error messagesstring[]undefined
fieldTypefield_typeField typestringundefined
helpTexthelp-textHelp textstringundefined
isCompletedis_completedIs answer in complete statebooleanfalse
isReadOnlyis-read-onlyWhen true, the field will be readonly. It will display only the label and value as plain text.booleanfalse
isRefilteringEnabledis-refiltering-enabledDeprecated Will be removed in a future version. Are nudges enabled for this tenant?booleanundefined
labellabelLabel to usestringundefined
labelIdlabel-idAria label id's that describes input for screen readersstringundefined
labelledBylabelled-byLabels that describe groupstringundefined
placeholderplaceholderPlaceholder to displaystring''
pristinepristineIs pristinebooleantrue
questionIdquestion_idQuestion idstringundefined
requiredrequiredIs requiredbooleanfalse
selectedChoices--Selected answer choice, wrapped in an arrayIChoice[][]
showChoicesshow_choicesShow choicesbooleanfalse
showConfidenceshow-confidenceShould show confidencebooleanundefined
showNaicsCodeshow-naics-codeShould show Naics codebooleanundefined
touchedtouchedIs touchedbooleanfalse

Dependencies

Used by

Depends on

Graph

graph TD; bp-sdk-business-classification-selector --> bp-sdk-autocomplete-input bp-sdk-business-classification-selector --> bp-sdk-business-classification-selector-nudge-container bp-sdk-business-classification-selector --> bp-sdk-business-classification-selector-list-container bp-sdk-autocomplete-input --> bp-sdk-errors-container bp-sdk-errors-container --> bp-sdk-errors bp-sdk-business-classification-selector-nudge-container --> bp-sdk-business-classification-selector-nudge bp-sdk-business-classification-selector-list-container --> bp-sdk-business-classification-selector-list bp-sdk-business-classification-selector-list --> bp-sdk-business-classification-selector-naics-group bp-sdk-business-classification-selector-naics-group --> bp-sdk-business-classification-selector-naics-group-header bp-sdk-business-classification-selector-naics-group --> bp-sdk-business-classification-selector-list-item-container bp-sdk-business-classification-selector-list-item-container --> bp-sdk-business-classification-selector-list-item bp-sdk-business-classification-selector-list-item --> bp-sdk-business-classification-selector-card-content bp-sdk-business-classification-selector-card-content --> bp-sdk-business-classification-selector-card-header bp-sdk-business-classification-selector-card-content --> bp-sdk-business-classification-selector-card-body bp-sdk-business-classification-selector-card-content --> bp-sdk-business-classification-selector-relevance-chip bp-sdk-business-classification-selector-container --> bp-sdk-business-classification-selector style bp-sdk-business-classification-selector fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS