department-of-veterans-affairs / vets-design-system-documentation

Repository for design.va.gov website
https://design.va.gov
37 stars 57 forks source link

Experimental Design [Icon - Right arrow in circle] #3035

Closed jessicawoodin closed 2 weeks ago

jessicawoodin commented 1 month ago

What

Give a brief description of the component or pattern you want to propose.

The mobile app team has a need for an icon showing a right arrow in a circle.

arrow_circle_right image

Purpose

What problem does this component or pattern solve for the user?

This icon is used when there is a link to a different section in the app. For links within sections, a "chevron" icon is typically used. For links to webview or outside of the app, a "launch" icon is typically used.

Usage

Context or task: Explain the scenario or user tasks where this component is, or could be, used.

N/A

Behavior

Describe the key interactions for this component, calling out any specific considerations for mobile.

N/A

Examples

Include any examples you have of this component or pattern. These can be screenshots, links to a Sketch file, or links to staging or production.

image

Accessibility

Include any accessibility considerations.

N/A

Guidance

What would you want to tell other teams about this component or pattern?

N/A

Collaboration Cycle Ticket

Provide a link to your collaboration cycle ticket.

N/A

Your team

Tell us what team you are on.

Mobile app design system team

Research (optional)

Include any research you have already conducted, or plan to conduct, on this component or pattern.

N/A

Code (optional)

Include any existing code.

N/A

Next steps

You may present your work to the Design System Council at an upcoming meeting. If you do not or cannot attend the Design Council Meeting, you can opt to get an asynchronous approval.

Submit requests to join an upcoming Design System Council meeting in #platform-design-system.

During the meeting, the Design System Council Working Group will evaluate the request and make a decision.

If your request is approved, you can add your component or pattern to the system. If you have any questions on how to add your component or pattern to the system, please reach out to the Design System Team at #platform-design-system.

caw310 commented 1 month ago

@jessicawoodin there's no need to bring this to DSC. @danbrady will work with you on this icon request.

danbrady commented 1 month ago

Ok, I've added it to the Figma DS and published. Attaching the 24x24 SVG here for engineering to update the sprite sheet with. (Note for devs: you may have to modify attributes to match the other icons.)

arrow_circle_right

@caw310 This needs to be assigned to an engineer for the next step. After the icon is added to our sprite sheet and that is deployed to our doc site, we will need to update the icons guidance page with it. Thanks!

caw310 commented 1 month ago

Hey team! Please add your planning poker estimate with Zenhub @Andrew565 @ataker @harshil1793 @it-harrison @jamigibbs @micahchiang @powellkerry @rmessina1010 @rsmithadhoc