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

feat: tabs (resolves #337) #350

Merged
merged 7 commits into from
May 21, 2020
Merged

feat: tabs (resolves #337) #350

merged 7 commits into from
May 21, 2020

Conversation

greatislander
Copy link
Collaborator

Description

Adds tabs.

Steps to test

Review component: https://deploy-preview-350--pinecone.netlify.app/components/preview/tabs

Additional information

Based on https://github.com/zachleat/seven-minute-tabs and, by extension, https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html.

Related issues

Resolves #337.

@greatislander greatislander added this to the 1.0.0-beta.1 milestone May 20, 2020
@greatislander greatislander added this to In progress in Pinecone 1.0.0-beta.1 via automation May 20, 2020
@greatislander greatislander added the enhancement New feature or request label May 20, 2020
@greatislander greatislander self-assigned this May 20, 2020
@netlify
Copy link

netlify bot commented May 20, 2020

Deploy preview for pinecone ready!

Built with commit bc06a98

https://deploy-preview-350--pinecone.netlify.app

@cherylhjli
Copy link

Looks great! For the desktop version can a grey line be added on the bottom of the component? like this:
Screen Shot 2020-05-20 at 2 03 48 PM

@greatislander greatislander marked this pull request as ready for review May 21, 2020 14:50
@greatislander
Copy link
Collaborator Author

@cherylhjli Ready for review.

@cherylhjli
Copy link

Default looks great! I realized I didn't supply inverse designs, here they are:
https://xd.adobe.com/view/b3e417e8-8969-4cef-4af8-41e1b53d3cae-c5d5/screen/5fb061de-83c1-4031-a8da-3b07c8ade753/Web-1280-2

@greatislander
Copy link
Collaborator Author

@cherylhjli Inverse styles are ready for review.

@cherylhjli
Copy link

any chance the tabs on desktop could span the entire length of the page?

@greatislander
Copy link
Collaborator Author

@cherylhjli done.

Copy link

@cherylhjli cherylhjli left a comment

Choose a reason for hiding this comment

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

beautiful, thank you!

Pinecone 1.0.0-beta.1 automation moved this from In progress to Reviewer approved May 21, 2020
@greatislander greatislander merged commit d3d8ccf into dev May 21, 2020
Pinecone 1.0.0-beta.1 automation moved this from Reviewer approved to Done May 21, 2020
@greatislander greatislander deleted the add/tabbed-view branch May 21, 2020 17:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
No open projects
Development

Successfully merging this pull request may close these issues.

Molecule: tabbed view
2 participants