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

Adding href prop to EuiTab #2275

Merged
merged 9 commits into from
Sep 4, 2019
Merged

Conversation

elizabetdev
Copy link
Contributor

@elizabetdev elizabetdev commented Aug 30, 2019

Summary

Fixes #1844 by adding the href prop to EuiTab. This PR also includes:

  • The EuiTab component was converted to typescript
  • The first example in the Tabs docs was updated with a link to the Elastic Website:

Screenshot 2019-08-30 at 18 20 13

Checklist

  • Checked in dark mode
  • Checked in mobile
  • Checked in IE11 and Firefox
  • Props have proper autodocs
  • Added documentation examples
  • Added or updated jest tests
  • Checked for breaking changes and labeled appropriately
  • Checked for accessibility including keyboard-only and screenreader modes
  • A changelog entry exists and is marked appropriately

Copy link
Contributor

@cchaos cchaos left a comment

Choose a reason for hiding this comment

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

Thanks for converting to TS at the same time! Just have a couple comments.

src/components/tabs/tab.tsx Outdated Show resolved Hide resolved
src/components/tabs/tab.tsx Show resolved Hide resolved
src/components/tabs/_tabs.scss Outdated Show resolved Hide resolved
src-docs/src/views/tabs/tabs.js Outdated Show resolved Hide resolved
@elizabetdev elizabetdev requested a review from cchaos September 4, 2019 13:22
Copy link
Contributor

@cchaos cchaos left a comment

Choose a reason for hiding this comment

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

LGTM! Would like @thompsongl to double-check the TS.

@thompsongl
Copy link
Contributor

@miukimiu I made a PR for you to describe some TS conversion things: elizabetdev#1

If you want to walk through anything or just ask questions in the thread, I'm available for both.

Overall, nice job!

@cchaos
Copy link
Contributor

cchaos commented Sep 4, 2019

Oh yeah, and can you add a jest test specifically for supplying an href?

@elizabetdev
Copy link
Contributor Author

@thompsongl thanks for the PR with the descriptions. It was really helpful.

Copy link
Contributor

@thompsongl thompsongl left a comment

Choose a reason for hiding this comment

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

Per @cchaos last comment, let's add a snapshot test for when href is in use.

Ready to go after that

Copy link
Contributor

@thompsongl thompsongl left a comment

Choose a reason for hiding this comment

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

🎉

@elizabetdev elizabetdev merged commit c0b8133 into elastic:master Sep 4, 2019
thompsongl pushed a commit to thompsongl/eui that referenced this pull request Sep 10, 2019
* Tab comp in typescript, href prop and example

* Improving code based on comments

* Tab comp in typescript, href prop and example

* Improving code based on comments

* Updating changelog

* typescripting

* Adding a snapshot test for when href is in use.
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

Successfully merging this pull request may close these issues.

EuiTab should support href prop
3 participants