{"action":"opened","issue":{"url":"https://api.github.com/repos/driftyco/ionic/issues/6156","repository_url":"https://api.github.com/repos/driftyco/ionic","labels_url":"https://api.github.com/repos/driftyco/ionic/issues/6156/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic/issues/6156/comments","events_url":"https://api.github.com/repos/driftyco/ionic/issues/6156/events","html_url":"https://github.com/driftyco/ionic/issues/6156","id":148219109,"number":6156,"title":"Add note about content projection in ion-item docs","user":{"login":"olapersson","id":1655608,"avatar_url":"https://avatars.githubusercontent.com/u/1655608?v=3","gravatar_id":"","url":"https://api.github.com/users/olapersson","html_url":"https://github.com/olapersson","followers_url":"https://api.github.com/users/olapersson/followers","following_url":"https://api.github.com/users/olapersson/following{/other_user}","gists_url":"https://api.github.com/users/olapersson/gists{/gist_id}","starred_url":"https://api.github.com/users/olapersson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/olapersson/subscriptions","organizations_url":"https://api.github.com/users/olapersson/orgs","repos_url":"https://api.github.com/users/olapersson/repos","events_url":"https://api.github.com/users/olapersson/events{/privacy}","received_events_url":"https://api.github.com/users/olapersson/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-04-14T00:38:45Z","updated_at":"2016-04-14T00:38:45Z","closed_at":null,"body":"#### Short description of the problem:\r\nI think the documentation needs a note on how the content gets arranged in by the ion-item directive. I can try to write a suggestion but I don't know if I'd get it accurate.\r\n\r\nAlso there seems to be no way of including something which isn't a ion-select, ion-input or ion-textarea inside the wrapper that ion-item creates around a nested ion-label.\r\n\r\n#### What behavior are you expecting?\r\nIf you add an ion-label and a button side by side inside the ion-item, the button wont render at all unless you add item-right to it. If there's only a button in the ion-item, it shows up but if you add a label as well all other content is discarded.\r\n\r\nLooking at the template used it makes sense, there's no way of finding out just by reading the docs: https://github.com/driftyco/ionic/blob/2.0/ionic/components/item/item.ts#L44\r\n\r\nWhen item-left is added to the button element it's included before the form related items while item-right  shows it after.\r\n\r\nThere's no (obvious) way to add an element which isn't a ion-select, ion-input or ion-textarea together with label inside the generated `div.input-wrapper`. \r\n\r\nI believe there cases where this would be useful, for example when the included form widgets aren't appropriate and you want for example a searchable modal or a slider.\r\n\r\nI ended up putting a disabled text input with a click handler on it to display a modal with a searchable list of options. An ion-select would be closer to the element it represents but seems I don't think I can override Alert with a Modal.\r\n\r\n**Steps to reproduce:**\r\nDoesn't work\r\n````\r\n      <ion-item>\r\n        <ion-label>\r\n          Label\r\n        </ion-label>\r\n        <button (click)=\"onDoSearch()\">\r\n          {{buttonLabel}}\r\n          <ion-icon name=\"md-arrow-dropdown\" item-right></ion-icon>\r\n        </button>\r\n      </ion-item>\r\n```\r\n\r\n\r\nDoes work (item-right on the button), however there's no way to have the button rendered inside the .input-wrapper created around the ion-label element.\r\n```\r\n<ion-item>\r\n  <ion-label>Label​</ion-label>\r\n  <button item-right (click)=\"onDoSearch()\">\r\n    {{buttonLabel}}\r\n    <ion-icon name=\"md-arrow-dropdown\" item-right></ion-icon>\r\n  </button>\r\n</ion-item>\r\n​````\r\n\r\n\r\n**Which Ionic Version?** 2.x"}}