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

New Component - Seeds Menu Component #77

Open
jaredcwhite opened this issue Feb 27, 2024 · 0 comments
Open

New Component - Seeds Menu Component #77

jaredcwhite opened this issue Feb 27, 2024 · 0 comments

Comments

@jaredcwhite
Copy link
Collaborator

jaredcwhite commented Feb 27, 2024

This serves as a replacement for the old SideNav component in UIC, and is visually similar to the Tabs component but offers the semantics of serving a list of navigation links (aka <a> tags) rather than tabs which swap (aka show & hide) already-loaded content in realtime.

image

Specifications

Figma:
https://www.figma.com/file/SsYt5YsgbmOPbwr5Qk2RKB/deprecated-seeds-library?type=design&node-id=3316-10537&mode=design&t=lPbHawwcsTYWbM4j-0

zeroheight WIP:
https://zeroheight.com/5e69dd4e1/p/7110b9-menu/b/93a6d7

Previous UIC Audit of SideNav:
https://www.notion.so/exygy/SideNav-3fedafa358b1403ab6eb275414ff9deb

Notes

  • The "mobile dropdown" variant was moved out of this story and into its own dedicated issue: New Component - Seeds Dropdown Component #29
  • We should make sure vertical-only usage is available via a prop (rather than have it responsive or automatic in some fashion), which is a requirement for features like Mandated Accounts.
  • Size, should support medium and small sized
  • Nesting, vertical menus should support nesting, while horizontals menus do not
  • Menu and Tabs components have only slight visual differences—is there a way to share base styles across both components?
@emilyjablonski emilyjablonski changed the title Seeds – Menu Component New Component - Seeds Menu Component Aug 29, 2024
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

No branches or pull requests

1 participant