https://github.com/reiosantos/ng-san-stepper

Angular San Steppers directive for Angular Material
https://github.com/reiosantos/ng-san-stepper

angular-material angular2 angular7 mat-stepper ng-san-stepper

Last synced: 8 days ago
JSON representation

Angular San Steppers directive for Angular Material

• Host: GitHub
• URL: https://github.com/reiosantos/ng-san-stepper
• Owner: reiosantos
• Created: 2019-04-07T12:54:46.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T04:29:42.000Z (almost 2 years ago)
• Last Synced: 2024-12-22T09:36:42.312Z (16 days ago)
• Topics: angular-material, angular2, angular7, mat-stepper, ng-san-stepper
• Language: TypeScript
• Homepage:
• Size: 3.23 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 28
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# SanStepper

[![Maintainability](https://api.codeclimate.com/v1/badges/3db9af5a76aa62568f0f/maintainability)](https://codeclimate.com/github/reiosantos/ng-san-stepper/maintainability)

[![Build Status](https://travis-ci.com/reiosantos/ng-san-stepper.svg?branch=master)](https://travis-ci.com/reiosantos/ng-san-stepper)

[![Test Coverage](https://api.codeclimate.com/v1/badges/3db9af5a76aa62568f0f/test_coverage)](https://codeclimate.com/github/reiosantos/ng-san-stepper/test_coverage)

Angular Steppers directive for Angular Material

Based on Material Steppers: 

https://material.angular.io/components/stepper/overview#error-state

# USAGE

## Installation in package.json

```bash

npm i -S ng-san-stepper

```

**note**: works with angular >= 2

### Import to app module

```ts

import { SanStepperModule } from 'ng-san-stepper';

@NgModule({

  declarations: [

    AppComponent

  ],

  imports: [

    BrowserModule,

    SanStepperModule

  ],

  providers: [],

  bootstrap: [AppComponent]

})

export class AppModule { }

```

### Write your html

```html

	

	

	.....

	

```

# Stepper Options

Detailed service operations bellow:

# TODO

- [x] Horizontal steppers

- [x] Linear steppers

- [x] Vertical steppers

- [ ] Non-linear steppers

- [ ] Alternative labels

- [ ] Optional steps

- [ ] Editable steps

- [ ] Stepper feedback

- [ ] Custom Css Classes

- [ ] Create a better demo page with all options.

## Remarks

- Based on:

 - [Angular Material Steppers](https://github.com/marcosmoura/angular-material-steppers)

- Thanks to all ;)