ngx-swing 🍺

Angular 6+ compatible swing components

Demo: Click to see

Installation

1. Import the module

import { NgxSwingModule } from 'ngx-swing';

2. Add the module to your NgModule

@NgModule({
	...
    imports: [
    	....
        NgxSwingModule
        ....
    ]
})

3. 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>

Road Map

1. Implementing the card events (move, free, throwOut, throwIn)
2. Ability to remove the cards from DOM after throwOut (for avoiding from possible memory leak)
3. Ability to throwOut cards without user interaction.

⚡ This project is under active development.