[x] Create and implement the base button style and variants if necessary.
Description
Creates a generic button component to be used in the project. This button can be stylized by the parent component (the React component rendering <Button /> with:
className="something"
style={border: '1px solid red'}
The precedence rules of the styling are as follows
Base Button style (overriden by) className= (overriden by) style=
Meaning that if a rule in style is also defined in the CSS classname, the button will apply the rule of style.
Fixes
Fixes the inconsistent appearance of the buttons in the app.
Closes: #57
How has this been tested ?
unit tests: cd src && npm run test
Checklist
[x] My code follows the style guidelines of this project
[x] I have performed a self-review of my own code
[x] I have commented my code, particularly in hard-to-understand areas
[x] I have made corresponding changes to the documentation
TODOS
Description
Creates a generic button component to be used in the project. This button can be stylized by the parent component (the React component rendering
<Button />with:className="something"style={border: '1px solid red'}The precedence rules of the styling are as follows
Base Button style (overriden by)
className=(overriden by)style=Meaning that if a rule instyleis also defined in the CSS classname, the button will apply the rule ofstyle.Fixes
Fixes the inconsistent appearance of the buttons in the app.
How has this been tested ?
cd src && npm run testChecklist