APPENDIX D
Prototypes
Each carries its own product identity, not the portfolio's.
- HANDLE
- prototypes
- LIVES IN
- src/components/XactFlexUI.jsx, PaymentUI.jsx, LevelUpFundingUI.jsx, AmerisBankMobileUI.jsx, AccountDashboardsUI.jsx, ReservationUI.jsx
- USED ON
- Chapters 02, 03, 04, 06; Home frontispiece
- PROPS
- Self-contained, resettable
EXAMPLE
LIVEAs it renders.
Step 1 of 4Payment method
Where should we pull from?
This is the bank account associated with your loan. To change it, contact Customer Service.
Bank Account
ACH Checking · ••• 1234
Need to change accounts? Call Customer Service before scheduling a payment.
CODE
COPY AND PASTEHow it is called.
JSX
import PaymentUI from '../components/PaymentUI.jsx'
<PaymentUI /> {/* self-contained, resettable; its own product identity */}RULES
What must stay true.
Each carries its own product identity, not the portfolio's.