Skip to content

Instantly share code, notes, and snippets.

@Techn1x
Last active July 11, 2018 22:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Techn1x/24f81f26fe7e2daf41d8babfd1e06bc5 to your computer and use it in GitHub Desktop.
Save Techn1x/24f81f26fe7e2daf41d8babfd1e06bc5 to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
});
body {
margin: 12px 16px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12pt;
}
.accordion.spaced-accordion > .card {
margin-bottom: 10px;
border-bottom: 1px solid #DFDFDF !important;
border-radius: 0.25rem !important;
}
.accordion.spaced-accordion > .card > .card-header {
border-bottom: 0;
}
.accordion.spaced-accordion > .card .card-body {
border-top: 1px solid #DFDFDF;
}
<h1>Welcome to {{appName}}</h1>
<br>
{{#bs-accordion class="spaced-accordion" as |acc|}}
{{#acc.item value="1" title="First item"}}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur ea eos hic neque quia sequi sunt. Amet at atque corporis earum et fugiat illum magnam nisi sapiente voluptatem. Laudantium, quam?</p>
{{/acc.item}}
{{#acc.item value="2" as |aitem|}}
{{#aitem.title}}
<strong>Second</strong> <i>item</i>
{{/aitem.title}}
{{#aitem.body}}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur ea eos hic neque quia sequi sunt. Amet at atque corporis earum et fugiat illum magnam nisi sapiente voluptatem. Laudantium, quam?</p>
{{/aitem.body}}
{{/acc.item}}
{{#acc.item value="3" title="Third item"}}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur ea eos hic neque quia sequi sunt. Amet at atque corporis earum et fugiat illum magnam nisi sapiente voluptatem. Laudantium, quam?</p>
{{/acc.item}}
{{/bs-accordion}}
{
"version": "0.13.0",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.14.1",
"ember-template-compiler": "2.14.1",
"ember-testing": "2.14.1"
},
"addons": {
"ember-bootstrap": "2.0.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment