Chiara is currently finishing a ticket for the menu bar which in the main page will have two buttons. The MVP mockups show them to be different colours. Throuhgout the app we will no doubt need the Button component to be different colours, background and text, with different padding and margins.
In React Dom I would achieve this through props including classNames passed in as props, but how does this work in React Native, or rather, what is the best way. Perhaps Ju and Luiz already know this.
This ticket is to play around with the two buttons (in or soon to be in the menu bar) and more importantly, write clear documentation for the rest of the group on how to apply the necessary styles to the Button component to use anywhere in the app.
NOTE: Button is a built-in component in React Native so the name of our custom button should be changed, e.g. AuraButton, MyButton, etc.
AC:
[ ] Buttons in menubar have different styles applied to each
[ ] Customisable styles include text size, text weight, color, background, border, radius, padding and margin.
[ ] Documentation is clear on how to use the custom button ad get different styles applied, including conditional styles, e.g. if isSelected (made up state) is true be green, otherwise be blue.
Chiara is currently finishing a ticket for the menu bar which in the main page will have two buttons. The MVP mockups show them to be different colours. Throuhgout the app we will no doubt need the Button component to be different colours, background and text, with different padding and margins.
In React Dom I would achieve this through props including classNames passed in as props, but how does this work in React Native, or rather, what is the best way. Perhaps Ju and Luiz already know this.
This ticket is to play around with the two buttons (in or soon to be in the menu bar) and more importantly, write clear documentation for the rest of the group on how to apply the necessary styles to the Button component to use anywhere in the app.
NOTE: Button is a built-in component in React Native so the name of our custom button should be changed, e.g. AuraButton, MyButton, etc.
AC: