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

Update tag.mdx #4079

Merged
merged 26 commits into from
Oct 2, 2024
Merged

Update tag.mdx #4079

merged 26 commits into from
Oct 2, 2024

Conversation

vavalos5
Copy link
Collaborator

@vavalos5 vavalos5 commented Aug 2, 2024

Transferring content from Figma to Tag page. Edits still coming.

Deploy Preview

What does this PR do?

Where should the reviewer start?

What testing has been done on this PR?

In addition to the feature you are implementing, have you checked the following:

General UX Checks

  • Small, medium, and large screen sizes
  • Cross-browsers (FireFox, Chrome, and Safari)
  • Light & dark modes
  • All hyperlinks route properly

Accessibility Checks

  • Keyboard interactions
  • Screen reader experience
  • Run WAVE accessibility plugin (Chrome)

Code Quality Checks

  • Console is free of warnings and errors
  • Passes E2E commit checks
  • Visual snapshots are reasonable

How should this be manually tested?

Any background context you want to provide?

What are the relevant issues?

Screenshots (if appropriate)

Should this PR be mentioned in Design System updates?

Is this change backwards compatible or is it a breaking change?

Transferring content from Figma to Tag page. Edits still coming.
@vavalos5 vavalos5 linked an issue Aug 2, 2024 that may be closed by this pull request
10 tasks
@SeamusLeonardHPE
Copy link
Collaborator

@vavalos5 @britt6612

Hey Brittany -
I'm afraid of breaking this PR - When you have time can you update this page to match the content laid out here:

https://www.figma.com/design/IiBz42hz6zRVC9g2TFMlTU/%234033-TAGS-Documentation?node-id=2-7078&t=UlDsW0hMCpnrQvUo-4

@SeamusLeonardHPE SeamusLeonardHPE mentioned this pull request Sep 16, 2024
10 tasks
@britt6612
Copy link
Collaborator

In order to have the type highlight we need to make an enhancement to grommet
grommet/grommet#7317

aries-site/src/pages/components/tag.mdx Outdated Show resolved Hide resolved
aries-site/src/pages/components/tag.mdx Outdated Show resolved Hide resolved
aries-site/src/pages/components/tag.mdx Outdated Show resolved Hide resolved
aries-site/src/pages/components/tag.mdx Outdated Show resolved Hide resolved
aries-site/src/pages/components/tag.mdx Outdated Show resolved Hide resolved
aries-site/src/pages/components/tag.mdx Outdated Show resolved Hide resolved
aries-site/src/pages/components/tag.mdx Show resolved Hide resolved
>
<CreateTagSimple />
</Example>
### Tag
Copy link
Collaborator

Choose a reason for hiding this comment

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

Seems like this should just be "Static", Tag is the thing and static is the type. Then the other types build off of static.

If so, rename this to "Static" and remove the current section called "Static".

- Draws attention but is no louder than a secondary/primary button.
- A highlight tag is not interactive in any way.
- A tags size should be limited to x-small or small.
- Use “blue!” border for highlight tags. This treatment should be used sparingly.
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

primary/blue


## Assigning tags
<Example plain>
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

All the types should have value styling to them. So the medium font-weight.

aries-site/src/pages/components/tag.mdx Outdated Show resolved Hide resolved
@britt6612 britt6612 requested a review from taysea October 2, 2024 20:12
@taysea
Copy link
Collaborator

taysea commented Oct 2, 2024

Once #4230 merges in here, I am happy for this PR to be merged in. Nice work!

Tag -- Lint fixes and adjust example
Copy link
Collaborator

@taysea taysea left a comment

Choose a reason for hiding this comment

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

LGTM. Thank you

@britt6612 britt6612 merged commit 8c9ed72 into master Oct 2, 2024
7 of 9 checks passed
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.

Tag- Re-visit guidance
4 participants