Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[React] Fix ButtonWithIcon usage and theme styling #998

Open
clairesunstudio opened this issue Mar 28, 2020 · 0 comments
Open

[React] Fix ButtonWithIcon usage and theme styling #998

clairesunstudio opened this issue Mar 28, 2020 · 0 comments
Assignees

Comments

@clairesunstudio
Copy link
Contributor

ButtonWithIcon component usage and theme styling should be consistent with Button.
See documentation: https://massgovdigital.gitbook.io/mayflower/components/atoms/buttons

Currently, ButtonWithIcon primary usage is not styled properly.

Screen Shot 2020-03-28 at 3 32 54 PM

Primary buttons should have solid colors with uppercased button text (this is configurable with a capitalized option for longer button text) Box shadow is used to accentuate the actions. The hover state of the primary button lightens the button background color.

Screen Shot 2020-03-28 at 3 37 41 PM

Identify and fix all styling inconsistencies between ButtonWithIcon and Button based on correct Button usage and theme options.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants