You will be creating three components having the following hierarchy:
- The
formcomponent...- is rendered from
bootstrap - holds the
currentsubmission - renders the
fieldcomponent - provides field with an
instructioninput, which is just plain text that never changes - listens to
submissionevents fromfield
- is rendered from
- The
fieldcomponent...- contains an
inputfield - keeps track of the contents of the
field - renders a
confirmbutton component - tells
confirmwhen it should be disabled - captures
confirmationevents from theconfirmcomponent - provides
submissionevents toformparent
- contains an
- The
confirmcomponent- can be in different
modes:disabled,waitingandconfirm. - listens to
disabledboolean fromfieldparent - provides
confirmationevent tofieldparent
- can be in different