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.

Sign up for GitHub

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

Jump to bottom

[Low contrast content switcher] Website docs #4420

Open
5 of 7 tasks
laurenmrice opened this issue Sep 4, 2024 · 2 comments · May be fixed by #4487
Open
5 of 7 tasks

[Low contrast content switcher] Website docs #4420

laurenmrice opened this issue Sep 4, 2024 · 2 comments · May be fixed by #4487
Assignees
@laurenmrice
Labels
component: content-switcher role: design ✏️ type: enhancement 💡
Milestone
2025 1H

Comments

@laurenmrice
Copy link
Member

laurenmrice commented Sep 4, 2024 •
edited by thyhmdo
Loading

Acceptance criteria

  • Update the website docs to add the low contrast content switcher guidance.
  • We can name the main content switcher as "default" and informally refer to it as high contrast.
  • We can refer to the low contrast content switcher as "low contrast".

Usage tab

  • Add a H3 section with content and and image to Modifiers.
  • Update images for high contrast switcher to have rounded corners.

Style tab

  • Add content and images.
  • Update images for high contrast switcher to have rounded corners.

Accessibility tab

  • Update images for high contrast switcher to have rounded corners.

Color token table page

  • Add the new tokens to the color token table.
  • Create a PR
@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Sep 4, 2024

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.

@laurenmrice laurenmrice mentioned this issue Sep 4, 2024
Open
@dianasanborn
Copy link

Hey! Just carrying over some small design doc enhancements I captured from the Sustainability Software PAL icon content switcher vs the Carbon one.

We had this do/don't example for the icon content switcher container sizing.

Image

@laurenmrice laurenmrice transferred this issue from carbon-design-system/carbon Jan 6, 2025
@sstrubberg sstrubberg moved this to ⏱ Backlog in Design System Jan 8, 2025
@sstrubberg sstrubberg removed this from Roadmap Jan 8, 2025
@laurenmrice laurenmrice added this to the 2025 Q1 milestone Jan 9, 2025
@sstrubberg sstrubberg removed this from the 2025 Q1 milestone Jan 22, 2025
@laurenmrice laurenmrice added this to the 2025 1H milestone Jan 23, 2025
@laurenmrice laurenmrice moved this from ⏱ Backlog to 🏗 In Progress in Design System Jan 23, 2025
@laurenmrice laurenmrice changed the title [Subtle content switcher] Website docs [Low contrast content switcher] Website docs Feb 12, 2025
@laurenmrice laurenmrice moved this from 🏗 In Progress to 🚦 In Review in Design System Feb 24, 2025
@laurenmrice laurenmrice linked a pull request Feb 24, 2025 that will close this issue
Draft
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@laurenmrice laurenmrice

Labels
component: content-switcher role: design ✏️ type: enhancement 💡
Projects
Design System
Status: 🚦 In Review
Milestone
2025 1H
Development

Successfully merging a pull request may close this issue.

docs: add guidance for the low contrast switcher laurenmrice/carbon-website
4 participants
@sstrubberg @dianasanborn @laurenmrice @kiran-ravindra-ibm