Elements

Elements

Element components are presentational React components: they take zero to many properties, and render content based on those properties. They should not contain or perform any business logic themselves, such as accessing state or making requests for data. They could however call callbacks provided to them to trigger these effects. By staying presentational, they thus become highly composable and reusable.

Test approach

Bootstrap should be tested in a behavioural manor. See Behavioural Driven Development.

Expected files

For a given Element component Heading, the expected files are as follows:

Elements/
  index.ts
  Heading/
    index.ts
    README.md
    View.ts
    Styling.scss

Where:

• index.ts acts as a barrel file, exporting all public elements of this component/the components in the Elements directory
• README.md is the readme for this component, detailing design choices and usage
• View.ts is the view logic for this component
• Styling.scss (optional) is the styling for this component

Components

Components to be added here on implementation, with summary of purpose/usage and a link to it's README.