Skip to main content

bp-sdk-address-group

Custom element hooks

NameDescription
bp-sdk-external-address-groupdisables html

Classes

NameDescription
bp-sdk-address-group__containerRoot div element
bp-sdk-address-group__streetsGroup div for street containers
bp-sdk-address-group__street-primaryStreet container for primary street input
bp-sdk-address-group__street-secondaryStreet container for secondary street input
bp-sdk-address-group__localityGroup div for locality containers
bp-sdk-address-group__cityLocality container for city input
bp-sdk-address-group__stateLocality container for state input
bp-sdk-address-group__zipcodeLocality container for zipcode input
bp-sdk-rowOptional class indicating row display

Properties

PropertyAttributeDescriptionTypeDefault
answers--group of answersIAnswer[][]
labellabellabelstringundefined
labelledBylabelled-byLabels that describe groupstringundefined

Events

EventDescriptionType
addressMissingComponentsPasses missing address_componentsCustomEvent<{ missing_components: string[]; }>
saveAnswerPasses information needed to update answerCustomEvent<{ answer: IAnswer; new_value: string \| string[]; }>

Dependencies

Used by

Depends on

Graph

graph TD; bp-sdk-address-group --> bp-sdk-dynamic-input-redux-container bp-sdk-dynamic-input-redux-container --> bp-sdk-dynamic-input-event-container 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-question-group --> bp-sdk-address-group style bp-sdk-address-group fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS