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

Add guidance for button groups #1472

Merged
merged 2 commits into from
Feb 8, 2021
Merged

Add guidance for button groups #1472

merged 2 commits into from
Feb 8, 2021

Conversation

36degrees
Copy link
Contributor

@36degrees 36degrees commented Jan 26, 2021

Add guidance about button groups to the button component guidance.

Includes two examples:

  • the current example of two buttons together, moved from the 'secondary buttons' section and updated to use the button group object rather than a margin override
  • a new example that includes a button and a link together

👉🏻  View preview

Closes #1471

@@ -59,10 +59,6 @@ Pages with too many calls to action make it hard for users to know what to do ne

{{ example({group: "components", item: "button", example: "secondary", html: true, nunjucks: true, open: false}) }}

You can use secondary buttons in combination with default buttons.
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I ended up moving this because it felt like the example of two buttons should really use a button group, but it seemed strange to use it before it was introduced.

If we think it's important to make this explicit at the point we're talking about secondary buttons we could bring it back, but I think we'd end up including the same example in both places?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I totally agree.

@govuk-design-system-ci
Copy link
Collaborator

govuk-design-system-ci commented Jan 26, 2021

You can preview this change here:

Built with commit d8df89a

https://deploy-preview-1472--govuk-design-system-preview.netlify.app

@edwardhorsford
Copy link
Contributor

Really great to see this getting added 👍

@36degrees 36degrees marked this pull request as ready for review February 8, 2021 14:54
@36degrees 36degrees merged commit 5c4a843 into master Feb 8, 2021
@36degrees 36degrees deleted the button-groups branch February 8, 2021 15:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add guidance for button groups
5 participants