added foundation-angular
This commit is contained in:
1 parent
f6ec518814
commit
72c8643e4e
7 files changed
+70
-44
No files matched your search
@@ -5,3 +5,29 @@
|
||||
<hr>
|
||||
|
||||
<a href="#/view1">view 1</a>
|
||||
|
||||
<label class="checkbox">
|
||||
|
||||
<input type="checkbox" ng-model="oneAtATime">
|
||||
Open only one at a time
|
||||
</label>
|
||||
|
||||
<accordion close-others="oneAtATime">
|
||||
<accordion-group heading="Static Header, initially expanded" is-open="true">
|
||||
This content is straight in the template.
|
||||
</accordion-group>
|
||||
<accordion-group heading="{{group.title}}" ng-repeat="group in groups">
|
||||
{{group.content}}
|
||||
</accordion-group>
|
||||
<accordion-group heading="Dynamic Body Content">
|
||||
<p>The body of the accordion group grows to fit the contents</p>
|
||||
<button class="button small" ng-click="addItem()">Add Item</button>
|
||||
<div ng-repeat="item in items">{{item}}</div>
|
||||
</accordion-group>
|
||||
<accordion-group is-open="isopen">
|
||||
<accordion-heading>
|
||||
I can have markup, too! <i class="right" ng-class="{'fa fa-chevron-down': isopen, 'fa fa-chevron-right': !isopen}"></i>
|
||||
</accordion-heading>
|
||||
This is just some content to illustrate fancy headings.
|
||||
</accordion-group>
|
||||
</accordion>
|
||||
Reference in new issue
Block a user