@triptyk/ember-stack-list
v1.0.0-beta.18
Published
Stack List in TailwindCSS & Ember.JS
Downloads
7
Readme
ember-modal
This addon will give you a simple list of stackable items
Compatibility
- Ember.js v4.6 or above
- Ember CLI v4.6 or above
- Node.js v18 or above
- You need tailwind v2 or above
Installation
ember install @triptyk/ember-stack-list
OR
pnpm add -D @triptyk/ember-stack-list
Usage
Features
- List of foldable items
- Customatizable foldable content.
Integration example
Arguments :
- @data : Array of data. Each value is a item in the list.
- @onRemove : Function called on removeButton click
- @onAdd : Function called on addButton click
- @titleForAdd : string displayed on addButton
<TpkStackList
@data={{this.data}}
@onRemove={{this.onRemoveData}}
@onAdd={{this.onAddData}}
@titleForAdd={{this.titleForAdd}}
as |S|
>
<S.Title as |T|>
{{get T.item 'title'}}
</S.Title>
<S.Content as |C|>
{{get C.item 'title'}}
</S.Content>
</TpkStackList>
For the extended syntax, see examples.
Structure of the component (Emmet like)
- Modal
- div.tpk-modal-container
- Modal::Content.tpk-modal-content
- div.tpk-modal-container
Contributing
See the Contributing guide for details. You can also contact info@triptyk for more informations on how contributing on this project.
License
This project is licensed under the MIT License.