Component: Card

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Problem to solve

A card displays a single group of content within a set of similar groups.

Triage and review

  • Complete the component evaluation process and update the tracking table when complete. Create issues as needed to track and implement any new findings.
  • Product triage: Triage existing issues to contact authors, verify relevance, and categorize the work. Apply a workflowready for review label will when this is complete.
  • Design and Engineering Review: Perform a secondary review on the categorized issues to apply weights and ultimately decide if an issue will be implemented. Close issues with a wontfix label if we're not going to implement it. Apply a workflownext label with this step is complete.

Accessibility Enhancements

  1. Perform an accessibility audit following the process outlined in Pajamas components > Accessibility Audits
  2. Test with screen readers to validate accessibility improvements
  3. Add specific accessibility documentation and best practices
query: group = "gitlab-org" AND label = "component:card" AND label = "group::design system" AND label = "accessibility" AND state = opened 
display: table
fields: title, labels("milestone::*"), weight, assignee, created
sort: createdAt desc
title: Open accessibility issues
limit: 10

Component Improvements

  1. Implement any missing features or variants identified during the assessment
  2. Standardize design and implementation across:
    1. Figma
    2. Vue
    3. Rails
query: group = "gitlab-org" AND label = "component:card" AND label = "group::design system" AND label != "accessibility" AND label != "pajamas::docs" AND state = opened
display: table
fields: title, labels("milestone::*"), weight, assignee, created
sort: createdAt desc
title: Other open issues
limit: 10

Documentation

  1. Review the documentation on design.gitlab.com for incorrect or inconsistent information across the guidelines and code reference.
  2. Add more code examples showing common implementation patterns
  3. Update visual examples to demonstrate all supported configurations
query: group = "gitlab-org" AND label = "component:card" AND label = "group::design system" AND label = "pajamas::docs" AND state = opened 
display: table
fields: title, labels("milestone::*"), weight, assignee, created, updated
sort: createdAt desc
title: Open documentation issues
limit: 10

Migrations and follow-ups

  1. Identify inconsistent or incorrect usage in the product and flag for follow-up or handoff.
Edited by Chris Micek