{"action":"created","issue":{"url":"https://api.github.com/repos/yahoo/react-intl/issues/255","labels_url":"https://api.github.com/repos/yahoo/react-intl/issues/255/labels{/name}","comments_url":"https://api.github.com/repos/yahoo/react-intl/issues/255/comments","events_url":"https://api.github.com/repos/yahoo/react-intl/issues/255/events","html_url":"https://github.com/yahoo/react-intl/pull/255","id":123437438,"number":255,"title":"Add styling to FormattedRelative","user":{"login":"nodkz","id":1946920,"avatar_url":"https://avatars.githubusercontent.com/u/1946920?v=3","gravatar_id":"","url":"https://api.github.com/users/nodkz","html_url":"https://github.com/nodkz","followers_url":"https://api.github.com/users/nodkz/followers","following_url":"https://api.github.com/users/nodkz/following{/other_user}","gists_url":"https://api.github.com/users/nodkz/gists{/gist_id}","starred_url":"https://api.github.com/users/nodkz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nodkz/subscriptions","organizations_url":"https://api.github.com/users/nodkz/orgs","repos_url":"https://api.github.com/users/nodkz/repos","events_url":"https://api.github.com/users/nodkz/events{/privacy}","received_events_url":"https://api.github.com/users/nodkz/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-12-22T08:24:07Z","updated_at":"2015-12-22T14:26:05Z","closed_at":"2015-12-22T14:26:05Z","pull_request":{"url":"https://api.github.com/repos/yahoo/react-intl/pulls/255","html_url":"https://github.com/yahoo/react-intl/pull/255","diff_url":"https://github.com/yahoo/react-intl/pull/255.diff","patch_url":"https://github.com/yahoo/react-intl/pull/255.patch"},"body":"Add ability to pass styles and classname to FormattedRelative via props."},"comment":{"url":"https://api.github.com/repos/yahoo/react-intl/issues/comments/166628628","html_url":"https://github.com/yahoo/react-intl/pull/255#issuecomment-166628628","issue_url":"https://api.github.com/repos/yahoo/react-intl/issues/255","id":166628628,"user":{"login":"ericf","id":29096,"avatar_url":"https://avatars.githubusercontent.com/u/29096?v=3","gravatar_id":"","url":"https://api.github.com/users/ericf","html_url":"https://github.com/ericf","followers_url":"https://api.github.com/users/ericf/followers","following_url":"https://api.github.com/users/ericf/following{/other_user}","gists_url":"https://api.github.com/users/ericf/gists{/gist_id}","starred_url":"https://api.github.com/users/ericf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ericf/subscriptions","organizations_url":"https://api.github.com/users/ericf/orgs","repos_url":"https://api.github.com/users/ericf/repos","events_url":"https://api.github.com/users/ericf/events{/privacy}","received_events_url":"https://api.github.com/users/ericf/received_events","type":"User","site_admin":false},"created_at":"2015-12-22T14:26:05Z","updated_at":"2015-12-22T14:26:05Z","body":"@nodkz I wish you would have looked through the past issues related to `style` and `className` props. It's a very explicit design decision to now allow these so that the API of the `<Formatted*>` components can remain tight and rendering is deterministic.\r\n\r\nYou should think of the `<Formatted*>` components like text and wrap another primitive element, e.g., `<span>` around them to add styling. All the components also support the function-as-child pattern so a function can be passed as the child and the component will delegate to it for rendering.\r\n\r\nThere's [a great talk from Sebastian Markbage](https://youtu.be/Zemce4Y1Y-A?t=1m21s) on this topic.\r\n\r\nIf you have some new ideas to add on this topic after reviewing the other related issues, please feel free to comment on those."}}