{"action":"created","issue":{"url":"https://api.github.com/repos/jquense/react-formal/issues/60","repository_url":"https://api.github.com/repos/jquense/react-formal","labels_url":"https://api.github.com/repos/jquense/react-formal/issues/60/labels{/name}","comments_url":"https://api.github.com/repos/jquense/react-formal/issues/60/comments","events_url":"https://api.github.com/repos/jquense/react-formal/issues/60/events","html_url":"https://github.com/jquense/react-formal/issues/60","id":156615852,"number":60,"title":"Customized rendering - implementing with material-ui","user":{"login":"rosskevin","id":136564,"avatar_url":"https://avatars.githubusercontent.com/u/136564?v=3","gravatar_id":"","url":"https://api.github.com/users/rosskevin","html_url":"https://github.com/rosskevin","followers_url":"https://api.github.com/users/rosskevin/followers","following_url":"https://api.github.com/users/rosskevin/following{/other_user}","gists_url":"https://api.github.com/users/rosskevin/gists{/gist_id}","starred_url":"https://api.github.com/users/rosskevin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rosskevin/subscriptions","organizations_url":"https://api.github.com/users/rosskevin/orgs","repos_url":"https://api.github.com/users/rosskevin/repos","events_url":"https://api.github.com/users/rosskevin/events{/privacy}","received_events_url":"https://api.github.com/users/rosskevin/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":25,"created_at":"2016-05-24T21:39:47Z","updated_at":"2016-06-18T01:37:38Z","closed_at":null,"body":"I like the react-formal approach and would like to use it with material-ui.  There is an existing [formsy-material-ui](https://github.com/mbrookes/formsy-material-ui/blob/master/src/FormsyText.jsx#L57) (TextField ref) implementation but I would prefer the react-formal approach.\r\n\r\nThere is a slight impedance mismatch between react-formal's rendering of messages and that of material-ui.  [Material-ui has error text passed in as a prop](http://www.material-ui.com/#/components/text-field) (see the error examples):\r\n\r\n```javascript\r\n<TextField\r\n      hintText=\"Hint Text\"\r\n      errorText=\"This field is required\"\r\n      floatingLabelText=\"Floating Label Text\"\r\n    />\r\n```\r\nWhereas it appears that react-formal [appends a css class to the element](https://github.com/jquense/react-formal/blob/master/src/Field.jsx#L315).\r\n\r\nI'm new to react but a deeply experienced developer - looking for some guidance on the best way to do this.\r\n\r\n1. What is the best way to substitute a different element for rendering? Override [`getComponent`](https://github.com/jquense/react-formal/blob/master/src/Field.jsx#L331)?\r\n2. In order to propagate a validation message to the material-ui `TextField` as a prop, is there a way to do this with the [`MessageTrigger`](https://github.com/jquense/react-formal/blob/master/src/Field.jsx#L301) here?\r\n\r\nIf I can get some assistance, I'm happy to add a `react-formal-material-ui` decoration project or PR it here somewhere it makes sense.\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/jquense/react-formal/issues/comments/226914531","html_url":"https://github.com/jquense/react-formal/issues/60#issuecomment-226914531","issue_url":"https://api.github.com/repos/jquense/react-formal/issues/60","id":226914531,"user":{"login":"rosskevin","id":136564,"avatar_url":"https://avatars.githubusercontent.com/u/136564?v=3","gravatar_id":"","url":"https://api.github.com/users/rosskevin","html_url":"https://github.com/rosskevin","followers_url":"https://api.github.com/users/rosskevin/followers","following_url":"https://api.github.com/users/rosskevin/following{/other_user}","gists_url":"https://api.github.com/users/rosskevin/gists{/gist_id}","starred_url":"https://api.github.com/users/rosskevin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rosskevin/subscriptions","organizations_url":"https://api.github.com/users/rosskevin/orgs","repos_url":"https://api.github.com/users/rosskevin/repos","events_url":"https://api.github.com/users/rosskevin/events{/privacy}","received_events_url":"https://api.github.com/users/rosskevin/received_events","type":"User","site_admin":false},"created_at":"2016-06-18T01:37:38Z","updated_at":"2016-06-18T01:37:38Z","body":"From the logs it shows that they are firing onChange."}}
{"actor":{"display_login":"rosskevin"}}