Skip to main content

bp-sdk-dynamic-input-event-container

Custom element hooks

NameDescription
bp-sdk-external-dynamic-input-event-containerdisable html

Classes

NameDescription
bp-sdk-dynamic-input-event-container__containerRoot div element

Properties

PropertyAttributeDescriptionTypeDefault
answer (required)--AnswerIAnswerundefined
configOptions--Web component config options injected from reduxIConfigOptionsundefined
errors--Error messagesstring[]undefined
labellabelLabel to usestringundefined
labelledBylabelled-byLabels that describe groupstringundefined
referenceTypes--Deprecated Use COVERAGE_REFERENCES from sdk-types Reference types for coverage selectionstring[]COVERAGE_REFERENCES
shouldHideLabelshould-hide-labelShould hide labelbooleanfalse
showBusinessClassificationSelectorshow-business-classification-selectorShow business class selectorbooleanfalse
updateActiveAnswerId--(params: string) => voidundefined
updateErrors--(params: { answer: IAnswer; errors: string[]; }) => voidundefined
useSelectAliasuse-select-aliasUse select aliasbooleanfalse

Events

EventDescriptionType
removeActiveAnswerRemove active answerCustomEvent<void>
saveAnswerPasses information needed to update answerCustomEvent<{ answer: IAnswer; new_value: string \| string[]; }>

Dependencies

Used by

Depends on

Graph

graph TD; bp-sdk-dynamic-input-event-container --> bp-sdk-dynamic-input bp-sdk-dynamic-input --> bp-sdk-label bp-sdk-dynamic-input --> bp-sdk-google-places-autocomplete-container bp-sdk-dynamic-input --> bp-sdk-driver-input-container bp-sdk-dynamic-input --> bp-sdk-increment-input bp-sdk-dynamic-input --> bp-sdk-text-input-container bp-sdk-dynamic-input --> bp-sdk-masked-input-container bp-sdk-dynamic-input --> bp-sdk-date-input-container bp-sdk-dynamic-input --> bp-sdk-select-input-container bp-sdk-dynamic-input --> bp-sdk-autocomplete-naics-container bp-sdk-dynamic-input --> bp-sdk-business-classification-selector-container bp-sdk-dynamic-input --> bp-sdk-radio-dialog bp-sdk-dynamic-input --> bp-sdk-checkbox-input bp-sdk-dynamic-input --> bp-sdk-radio-input bp-sdk-dynamic-input --> bp-sdk-product-list-container bp-sdk-dynamic-input --> bp-sdk-add-question-pool-item-container bp-sdk-dynamic-input --> bp-sdk-delete-question-pool-item-container bp-sdk-dynamic-input --> bp-sdk-autocomplete-input bp-sdk-google-places-autocomplete-container --> bp-sdk-google-places-autocomplete bp-sdk-google-places-autocomplete --> bp-sdk-errors-container bp-sdk-errors-container --> bp-sdk-errors bp-sdk-driver-input-container --> bp-sdk-text-input-container bp-sdk-text-input-container --> bp-sdk-text-input bp-sdk-text-input --> bp-sdk-errors-container bp-sdk-increment-input --> bp-sdk-text-input-container bp-sdk-masked-input-container --> bp-sdk-masked-input bp-sdk-masked-input --> bp-sdk-errors-container bp-sdk-masked-input --> bp-sdk-masked-input-button bp-sdk-masked-input --> bp-sdk-icon-container bp-sdk-date-input-container --> bp-sdk-date-input bp-sdk-date-input --> bp-sdk-errors-container bp-sdk-select-input-container --> bp-sdk-select-input bp-sdk-select-input --> bp-sdk-errors-container bp-sdk-autocomplete-naics-container --> bp-sdk-autocomplete-input bp-sdk-autocomplete-input --> bp-sdk-errors-container bp-sdk-business-classification-selector-container --> bp-sdk-business-classification-selector 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-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-radio-dialog --> bp-sdk-dialog bp-sdk-radio-dialog --> bp-sdk-radio-input bp-sdk-dialog --> bp-sdk-dialog-close-button bp-sdk-dialog-close-button --> bp-sdk-button bp-sdk-dialog-close-button --> bp-sdk-icon-container bp-sdk-radio-input --> bp-sdk-errors-container bp-sdk-checkbox-input --> bp-sdk-errors-container bp-sdk-product-list-container --> bp-sdk-product-list bp-sdk-product-list --> bp-sdk-select-input bp-sdk-add-question-pool-item-container --> bp-sdk-question-pool-container bp-sdk-question-pool-container --> bp-sdk-parent-question-pool-selector bp-sdk-question-pool-container --> bp-sdk-add-item-container bp-sdk-parent-question-pool-selector --> bp-sdk-select-input bp-sdk-parent-question-pool-selector --> bp-sdk-button bp-sdk-add-item-container --> bp-sdk-icon-container bp-sdk-add-item-container --> bp-sdk-button bp-sdk-delete-question-pool-item-container --> bp-sdk-delete-question-pool-item bp-sdk-delete-question-pool-item --> bp-sdk-delete-button bp-sdk-delete-button --> bp-sdk-icon-container bp-sdk-dynamic-input-redux-container --> bp-sdk-dynamic-input-event-container style bp-sdk-dynamic-input-event-container fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS