-
Notifications
You must be signed in to change notification settings - Fork 37
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 hasBorder prop to pillar and increase border radius on Card #880
Conversation
🦋 Changeset detectedLatest commit: 6a64362 The changes in this PR will be included in the next version bump. This PR includes changesets to release 6 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
🟢 No design token changes found |
@@ -67,6 +67,20 @@ You can add an image to enhance the visual context. | |||
</Pillar> | |||
``` | |||
|
|||
### Border | |||
|
|||
You can add an optional border to create a visual boundary around the pillar content. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@jesussandreas Is this okay or do you want to elaborate on why / when users should apply a border?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This should be fine for the React docs, but we may want to update the interface guidelines to include some guidance on when to apply borders. We can address this as a follow-up.
🟢 No visual differences foundOur visual comparison tests did not find any differences in the UI. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
@@ -67,6 +67,20 @@ You can add an image to enhance the visual context. | |||
</Pillar> | |||
``` | |||
|
|||
### Border | |||
|
|||
You can add an optional border to create a visual boundary around the pillar content. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This should be fine for the React docs, but we may want to update the interface guidelines to include some guidance on when to apply borders. We can address this as a follow-up.
Summary
Closes #816
Closes #874
Part of https://github.com/github/primer/issues/4601
🔗 Docs
🔗 Storybook
List of notable changes:
hasBorder
prop to Pillar per designWhat should reviewers focus on?
Steps to test:
🔗 Documentation
🔗 Storybook example
Supporting resources (related issues, external links, etc):
Contributor checklist:
update snapshots
label to the PR)Reviewer checklist:
Screenshots:
Card
Pillar