Angular 6+ compatible swing components
Demo: Click to see
- Import the module
import { NgxSwingModule } from 'ngx-swing';
- Add the module to your NgModule
@NgModule({
...
imports: [
....
NgxSwingModule
....
]
})
- Enjoy with components
<div swingStack>
<div swingCard>Card1</div>
<div swingCard>Card2</div>
<div swingCard>Card3</div>
<div swingCard>Card4</div>
</div>
OR
<swing-stack>
<swing-card>Card1</swing-card>
<swing-card>Card2</swing-card>
<swing-card>Card3</swing-card>
<swing-card>Card4</swing-card>
</swing-stack>
Implementing the card events (move, free, throwOut, throwIn)- Ability to remove the cards from DOM after throwOut (for avoiding from possible memory leak)
- Ability to throwOut cards without user interaction.