{"action":"created","issue":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/502","labels_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/502/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/502/comments","events_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/502/events","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/502","id":67469560,"number":502,"title":"Allow specifying alternative icon classes in Input and Carousel","user":{"login":"LordSputnik","id":1898174,"avatar_url":"https://avatars.githubusercontent.com/u/1898174?v=3","gravatar_id":"","url":"https://api.github.com/users/LordSputnik","html_url":"https://github.com/LordSputnik","followers_url":"https://api.github.com/users/LordSputnik/followers","following_url":"https://api.github.com/users/LordSputnik/following{/other_user}","gists_url":"https://api.github.com/users/LordSputnik/gists{/gist_id}","starred_url":"https://api.github.com/users/LordSputnik/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LordSputnik/subscriptions","organizations_url":"https://api.github.com/users/LordSputnik/orgs","repos_url":"https://api.github.com/users/LordSputnik/repos","events_url":"https://api.github.com/users/LordSputnik/events{/privacy}","received_events_url":"https://api.github.com/users/LordSputnik/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/labels/2%20-%20Prioritized%20Backlog","name":"2 - Prioritized Backlog","color":"CCCCCC"},{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/labels/enhancement","name":"enhancement","color":"84b6eb"},{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/labels/help%20wanted","name":"help wanted","color":"bfe5bf"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-04-09T23:08:51Z","updated_at":"2015-05-20T13:41:30Z","closed_at":null,"body":"Currently, the icon classes for rendering validation icons in Input components, and for rendering previous and next icons in Carousel components are both hardcoded to use specific glyphicons. It should be possible to select which icon classes to use here, since someone might not like the default icons, or might want to switch over to font-awesome.\r\n\r\nSo, I think it would be good if it were possible to pass icon settings as properties of the Input and Carousel components, either as class strings (eg. &lt;Input iconSet=\"glyphicon\" successIcon=\"ok\" /&gt;), or as icon components (eg. &lt;Input successIcon=MyOKIconComponent /&gt;) (if that's possible in React).\r\n\r\n\r\n<!---\r\n@huboard:{\"order\":460.765625,\"milestone_order\":502,\"custom_state\":\"\"}\n-->\r\n"},"comment":{"url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/comments/103892763","html_url":"https://github.com/react-bootstrap/react-bootstrap/issues/502#issuecomment-103892763","issue_url":"https://api.github.com/repos/react-bootstrap/react-bootstrap/issues/502","id":103892763,"user":{"login":"thetimbanks","id":471801,"avatar_url":"https://avatars.githubusercontent.com/u/471801?v=3","gravatar_id":"","url":"https://api.github.com/users/thetimbanks","html_url":"https://github.com/thetimbanks","followers_url":"https://api.github.com/users/thetimbanks/followers","following_url":"https://api.github.com/users/thetimbanks/following{/other_user}","gists_url":"https://api.github.com/users/thetimbanks/gists{/gist_id}","starred_url":"https://api.github.com/users/thetimbanks/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/thetimbanks/subscriptions","organizations_url":"https://api.github.com/users/thetimbanks/orgs","repos_url":"https://api.github.com/users/thetimbanks/repos","events_url":"https://api.github.com/users/thetimbanks/events{/privacy}","received_events_url":"https://api.github.com/users/thetimbanks/received_events","type":"User","site_admin":false},"created_at":"2015-05-20T13:41:30Z","updated_at":"2015-05-20T13:41:30Z","body":"I was taking a look at making this change and found that Bootstrap has the `glyphicon-chevron-left` and `glyphicon-chevron-right` hard coded in the carousel.less file.\r\n\r\nhttps://github.com/twbs/bootstrap/blob/master/less/carousel.less#L129\r\n\r\nI tried adding the `icon-next` and `icon-prev` classes, but the content is overwritten in that file as well to a different icon. \r\n\r\nI scanned the project and couldn't find any examples where the default Bootsrap CSS has been modified/overwritten (which I assume shouldn't be done). Are there any suggestions on how to tackle this?"}}