ngx-status-button
This is a button status design by colder build with angular7.
Design
Inspired by UI Movement - In-button status。
Installation
Installation is done using the
npm install
command:
- Use npm
npm install --save ngx-status-button
- Use yarn
yarn add ngx-status-button
Importing Modules
app.module.ts
;
Usage
HTML
TS
step = 1; onNext
Input
// Status button name public stepNameI: String = 'Pay'; public stepNameII: String = 'Processing'; public stepNameIII: String = 'Success!'; public stepNameIV: String = 'Proceed'; // Step 1~4 to control animation public step: number;
Change step name
You can change the step name for 1~4.
HTML
TS
stepNameI = 'your-step-name';
Development
git clone https://github.com/explooosion/ngx-status-button.git
yarn
Run
yarn start
Build
yarn build