/
2.0-applied_basic_react-bootstrap

2.0-applied_basic_react-bootstrap

Add react-bootstrap UI look and feel to app for styling

App.js

<Container className="p-3 bg-dark"> <Container className="p-5 mb-4 bg-light rounded-3"> <Row className="p-1 mb-1 bg-light rounded-3"> <Header/> </Row> <Row className="p-1 mb-1 bg-light rounded-3"> <VATField vatRateChanged={updateVATRate} currentVATRate={vatRate} updatePrices={handleVATChargeRate}/> <DataEntryField title="Price excl VAT:" value={salePrice===0.0 ? "" : salePrice} setValue={handleExclPriceChange}/> <DisplayField label="VAT to Pay: " value={vatToPay}/> <p/> <DataEntryField title="Price incl VAT:" value={salePrice===0.0 ? "" : totalPrice} setValue={handleInclPriceChange}/> </Row> </Container> </Container>

Related content