Right now there are two buttons. At the moment these buttons have static sizing that adjusts according to how many characters are in the button. However, these buttons need to attain different sizes when on various parts of the page at different screen widths. The objective here will be to create a library of button sizes that achieve different UX goals.
The way this will be achieved is each existing button component will be able to take in props that help adjust the size of the of the component. These props will need to follow the requirements bellow.
Requirements
Must be able to pass button width as a prop.
Must be able to pass font size as a prop.
Must have a default button dimension if no props are passed.
Must have a default font size if no props are passed.
Right now there are two buttons. At the moment these buttons have static sizing that adjusts according to how many characters are in the button. However, these buttons need to attain different sizes when on various parts of the page at different screen widths. The objective here will be to create a library of button sizes that achieve different UX goals.
The way this will be achieved is each existing button component will be able to take in props that help adjust the size of the of the component. These props will need to follow the requirements bellow.
Requirements
Must be able to pass button width as a prop.
Must be able to pass font size as a prop.
Must have a default button dimension if no props are passed.
Must have a default font size if no props are passed.