{"action":"created","issue":{"url":"https://api.github.com/repos/material-components/material-components-web/issues/877","repository_url":"https://api.github.com/repos/material-components/material-components-web","labels_url":"https://api.github.com/repos/material-components/material-components-web/issues/877/labels{/name}","comments_url":"https://api.github.com/repos/material-components/material-components-web/issues/877/comments","events_url":"https://api.github.com/repos/material-components/material-components-web/issues/877/events","html_url":"https://github.com/material-components/material-components-web/issues/877","id":239319737,"node_id":"MDU6SXNzdWUyMzkzMTk3Mzc=","number":877,"title":"Searchbar Component","user":{"login":"ZanderBrown","id":17074021,"node_id":"MDQ6VXNlcjE3MDc0MDIx","avatar_url":"https://avatars0.githubusercontent.com/u/17074021?v=4","gravatar_id":"","url":"https://api.github.com/users/ZanderBrown","html_url":"https://github.com/ZanderBrown","followers_url":"https://api.github.com/users/ZanderBrown/followers","following_url":"https://api.github.com/users/ZanderBrown/following{/other_user}","gists_url":"https://api.github.com/users/ZanderBrown/gists{/gist_id}","starred_url":"https://api.github.com/users/ZanderBrown/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ZanderBrown/subscriptions","organizations_url":"https://api.github.com/users/ZanderBrown/orgs","repos_url":"https://api.github.com/users/ZanderBrown/repos","events_url":"https://api.github.com/users/ZanderBrown/events{/privacy}","received_events_url":"https://api.github.com/users/ZanderBrown/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":18,"created_at":"2017-06-28T22:48:56Z","updated_at":"2018-12-06T15:05:24Z","closed_at":"2017-06-29T18:56:08Z","author_association":"NONE","body":"Opening an issue here per @Garbee's suggestion.\r\n\r\nIt would be great if MCW had a search component, similar to if not based on @eKoopmans proposed component for MDL (https://github.com/google/material-design-lite/pull/5061)\r\n\r\n@eKoopmans original PR message:\r\n\r\n> ## Description\r\n> This is an MDL search component based off of this Material.io spec. It features an input field, dropdown search suggestions, and responsive back/cancel buttons. Search functionality is exposed by two callback functions, search and submit, which are specified as text attributes on the component.\r\nThe component is loosely based off of the menu and textfield components, which allowed me to maintain some style consistency with those. It can be styled as an inset box (i.e. \"Persistent search\" in the Material.io spec), a full-header search field, an expandable search field (i.e. \"Expandable search\"), or an unstyled inline block. It also works in combination with mdl-textfield styling, which is demoed in the snippets.\r\nAll documentation and testing is done, though I could use help with further cross-browser testing!\r\n\r\n... basically sums up what we are looking for here.\r\n\r\nFor a visual guide with have @eKoopmans [original demo](https://www.erik-koopmans.com/mdl-search/) and [documentation](http://www.erik-koopmans.com/mdl-search/dist/components/index.html#search-section)\r\n\r\nBoth @eKoopmans & @eklem have expressed an interest to work on implementing this"},"comment":{"url":"https://api.github.com/repos/material-components/material-components-web/issues/comments/444901654","html_url":"https://github.com/material-components/material-components-web/issues/877#issuecomment-444901654","issue_url":"https://api.github.com/repos/material-components/material-components-web/issues/877","id":444901654,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0NDkwMTY1NA==","user":{"login":"touficbatache","id":17137918,"node_id":"MDQ6VXNlcjE3MTM3OTE4","avatar_url":"https://avatars1.githubusercontent.com/u/17137918?v=4","gravatar_id":"","url":"https://api.github.com/users/touficbatache","html_url":"https://github.com/touficbatache","followers_url":"https://api.github.com/users/touficbatache/followers","following_url":"https://api.github.com/users/touficbatache/following{/other_user}","gists_url":"https://api.github.com/users/touficbatache/gists{/gist_id}","starred_url":"https://api.github.com/users/touficbatache/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/touficbatache/subscriptions","organizations_url":"https://api.github.com/users/touficbatache/orgs","repos_url":"https://api.github.com/users/touficbatache/repos","events_url":"https://api.github.com/users/touficbatache/events{/privacy}","received_events_url":"https://api.github.com/users/touficbatache/received_events","type":"User","site_admin":false},"created_at":"2018-12-06T15:05:24Z","updated_at":"2018-12-06T15:05:24Z","author_association":"CONTRIBUTOR","body":"Take a look at https://www.batache.com/ where I coded a search bar using MDC. You can also read my Medium post about it if you're interested in knowing how I made it :smiley: https://medium.com/@touficbatache/how-i-coded-the-search-reveal-animation-for-the-web-85b8048091fc"}}
{"actor":{"display_login":"touficbatache"}}