{"action":"created","issue":{"url":"https://api.github.com/repos/material-components/material-components-web-react/issues/505","repository_url":"https://api.github.com/repos/material-components/material-components-web-react","labels_url":"https://api.github.com/repos/material-components/material-components-web-react/issues/505/labels{/name}","comments_url":"https://api.github.com/repos/material-components/material-components-web-react/issues/505/comments","events_url":"https://api.github.com/repos/material-components/material-components-web-react/issues/505/events","html_url":"https://github.com/material-components/material-components-web-react/issues/505","id":389422116,"node_id":"MDU6SXNzdWUzODk0MjIxMTY=","number":505,"title":"Active tabs don't have an underline","user":{"login":"nworden","id":9059304,"node_id":"MDQ6VXNlcjkwNTkzMDQ=","avatar_url":"https://avatars3.githubusercontent.com/u/9059304?v=4","gravatar_id":"","url":"https://api.github.com/users/nworden","html_url":"https://github.com/nworden","followers_url":"https://api.github.com/users/nworden/followers","following_url":"https://api.github.com/users/nworden/following{/other_user}","gists_url":"https://api.github.com/users/nworden/gists{/gist_id}","starred_url":"https://api.github.com/users/nworden/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nworden/subscriptions","organizations_url":"https://api.github.com/users/nworden/orgs","repos_url":"https://api.github.com/users/nworden/repos","events_url":"https://api.github.com/users/nworden/events{/privacy}","received_events_url":"https://api.github.com/users/nworden/received_events","type":"User","site_admin":false},"labels":[{"id":858282769,"node_id":"MDU6TGFiZWw4NTgyODI3Njk=","url":"https://api.github.com/repos/material-components/material-components-web-react/labels/help%20wanted","name":"help wanted","color":"008672","default":true}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2018-12-10T18:07:34Z","updated_at":"2018-12-11T20:33:07Z","closed_at":"2018-12-11T20:33:07Z","author_association":"NONE","body":"Sorry in advance if the problem is me, I'm pretty new to this library (and React (and JavaScript)).\r\n\r\n[The Tab docs](https://github.com/material-components/material-components-web-react/tree/master/packages/tab) say that active Tabs should have an underline indicator by default. However, that doesn't seem to be working.\r\n\r\nHere's my code:\r\n```javascript\r\n<TabBar\r\n  activeIndex={0}\r\n  handleActiveIndexUpdate={(activeIndex) => this.setState({activeIndex})}\r\n>\r\n  <Tab>\r\n    <span className='mdc-tab__text-label'>\r\n      Tab A\r\n    </span>\r\n  </Tab>\r\n  <Tab>\r\n    <span className='mdc-tab__text-label'>\r\n      Tab B\r\n    </span>\r\n  </Tab>\r\n</TabBar>\r\n```\r\n\r\nI do get a span with classes mdc-tab-indicator and mdc-tab-indicator--active, but it has a height and width of 0 (I'm not sure if it's actually relevant to the expected underline or if it's just a wrapper for people who set an indicator icon)."},"comment":{"url":"https://api.github.com/repos/material-components/material-components-web-react/issues/comments/446351570","html_url":"https://github.com/material-components/material-components-web-react/issues/505#issuecomment-446351570","issue_url":"https://api.github.com/repos/material-components/material-components-web-react/issues/505","id":446351570,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0NjM1MTU3MA==","user":{"login":"moog16","id":579873,"node_id":"MDQ6VXNlcjU3OTg3Mw==","avatar_url":"https://avatars2.githubusercontent.com/u/579873?v=4","gravatar_id":"","url":"https://api.github.com/users/moog16","html_url":"https://github.com/moog16","followers_url":"https://api.github.com/users/moog16/followers","following_url":"https://api.github.com/users/moog16/following{/other_user}","gists_url":"https://api.github.com/users/moog16/gists{/gist_id}","starred_url":"https://api.github.com/users/moog16/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/moog16/subscriptions","organizations_url":"https://api.github.com/users/moog16/orgs","repos_url":"https://api.github.com/users/moog16/repos","events_url":"https://api.github.com/users/moog16/events{/privacy}","received_events_url":"https://api.github.com/users/moog16/received_events","type":"User","site_admin":false},"created_at":"2018-12-11T20:33:07Z","updated_at":"2018-12-11T20:33:07Z","author_association":"CONTRIBUTOR","body":"merged #510."}}
{"actor":{"display_login":"moog16"}}