{"action":"created","issue":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/618","labels_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/618/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/618/comments","events_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/618/events","html_url":"https://github.com/react-bootstrap/react-bootstrap/pull/618","id":73447794,"number":618,"title":"Add a customBefore and customAfter to Input","user":{"login":"cymen","id":121034,"avatar_url":"https://avatars.githubusercontent.com/u/121034?v=3","gravatar_id":"","url":"https://api.github.com/users/cymen","html_url":"https://github.com/cymen","followers_url":"https://api.github.com/users/cymen/followers","following_url":"https://api.github.com/users/cymen/following{/other_user}","gists_url":"https://api.github.com/users/cymen/gists{/gist_id}","starred_url":"https://api.github.com/users/cymen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cymen/subscriptions","organizations_url":"https://api.github.com/users/cymen/orgs","repos_url":"https://api.github.com/users/cymen/repos","events_url":"https://api.github.com/users/cymen/events{/privacy}","received_events_url":"https://api.github.com/users/cymen/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-05-05T22:13:03Z","updated_at":"2015-05-06T00:56:21Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/pulls/618","html_url":"https://github.com/react-bootstrap/react-bootstrap/pull/618","diff_url":"https://github.com/react-bootstrap/react-bootstrap/pull/618.diff","patch_url":"https://github.com/react-bootstrap/react-bootstrap/pull/618.patch"},"body":"How about adding a `customBefore` and `customAfter` to `Input` to allow complete customization? When either is used, the passed in JSX gets rendered as is -- no wrapper at all.  That way, I can control the wrapper completely. The downside is I have to make sure my wrapper markup stays in sync but I see that as a small price to pay for that amount of flexibility.\r\n\r\nAfter mulling it over, I prefer to interact with react-bootstrap in this way. This would also be a solution for an issue I opened around not being able to add `hidden-xs` to the `addonBefore` wrapping markup (https://github.com/react-bootstrap/react-bootstrap/issues/617#issuecomment-99214646)"},"comment":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/comments/99277838","html_url":"https://github.com/react-bootstrap/react-bootstrap/pull/618#issuecomment-99277838","issue_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/618","id":99277838,"user":{"login":"cymen","id":121034,"avatar_url":"https://avatars.githubusercontent.com/u/121034?v=3","gravatar_id":"","url":"https://api.github.com/users/cymen","html_url":"https://github.com/cymen","followers_url":"https://api.github.com/users/cymen/followers","following_url":"https://api.github.com/users/cymen/following{/other_user}","gists_url":"https://api.github.com/users/cymen/gists{/gist_id}","starred_url":"https://api.github.com/users/cymen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cymen/subscriptions","organizations_url":"https://api.github.com/users/cymen/orgs","repos_url":"https://api.github.com/users/cymen/repos","events_url":"https://api.github.com/users/cymen/events{/privacy}","received_events_url":"https://api.github.com/users/cymen/received_events","type":"User","site_admin":false},"created_at":"2015-05-06T00:56:21Z","updated_at":"2015-05-06T00:56:21Z","body":"Okay -- feel free to close this and keep going with what you two are working on. Thanks!"}}