Skip to main content

bp-sdk-radio-input

Custom element hooks

NameDescription
bp-sdk-external-radio-inputdisables html

Classes

NameDescription
bp-sdk-radio__containerRoot div element
bp-sdk-radio__wrapperDiv element wrapping content
bp-sdk-radio__labelLabel element
bp-sdk-radio__textDiv element with question text
bp-sdk-radio__choice-listDiv wrapping list of radio choice inputs
bp-sdk-radio__choiceInput element, type radio with choice bound to it

Properties

PropertyAttributeDescriptionTypeDefault
answerIdanswer-idAnswer idstringundefined
answeredBySourceanswered-by-sourceSpecifically how the question was answered (ie. "ACORD 126")stringundefined
choiceIdchoice_idSelected choicestringundefined
choices--Choices to displayIChoice[][]
code (required)codequestion 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
labellabelLabel to displaystringundefined
labelledBylabelled-byLabels that describe groupstringundefined
pristinepristineIs pristinebooleantrue
questionIdquestion_idQuestion idstringundefined
requiredrequiredIs requiredbooleanundefined
touchedtouchedIs touchedbooleanfalse

Events

EventDescriptionType
removeActiveAnswerCustomEvent<void>
valueUpdateCustomEvent<string>

Dependencies

Used by

Depends on

Graph

graph TD; bp-sdk-radio-input --> bp-sdk-errors-container bp-sdk-errors-container --> bp-sdk-errors bp-sdk-dynamic-input --> bp-sdk-radio-input bp-sdk-radio-dialog --> bp-sdk-radio-input style bp-sdk-radio-input fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS