Presentational UI Component Architecture in Ember

presentational-ui-components.md

{{!--
  Create a `/components/ui` directory to keep all of the ui presentational components

  In this example `ui-card` and `ui-selectable-list` are both simply presentational contextual components
--}}
{{#ui-card as |card|}}
  {{#card.header onClose=onClose}}
    Tags
  {{/card.header}}

  {{#card.body}}
    {{#ui-selectable-list as |list|}}
      {{#each tags as |tag|}}
        {{#list.item selected=(contains tag post.tags) onClick=(perform toggleTag tag)}}
          {{tag.name}}
        {{/list.item}}
      {{/each}}
    {{/ui-selectable-list}}
  {{/card.body}}
{{/ui-card}}