An Angular component which displays a vertically stacked sequence of steps. Use it to provide navigation, display information, or both. The Material Design language's List Component inspired this component's visual design.
This project was generated with Angular CLI version 7.1.4.
npm install --save ng-stepper-nav
StepperNavModule to your app module:
In your app component, simply add a
<ng-stepper-nav> element, passing it the content via its
steps input parameter. The
StepContent interface is available for typing the content.
The component renders a series of zero-to-many list items, using semantic
<li> elements. All steps except the last step display the step's number in an icon, while the final step displays a checkmark in an icon. Each step displays its primary text at the standard font size (
1rem) and its optional secondary text at a smaller font size (
steps input parameter is required. If the input is undefined, null, or an empty array, the component will not render anything.
The stepper nav component has a single input.
||StepContent||An array of objects, each of which populates a single step. The order of the objects dictates the order of the rendered steps.|
ng serve for a dev server. Navigate to
http://localhost:4200/. The app will automatically reload if you change any of the source files.
ng build to build the project. The build artifacts will be stored in the
dist/ directory. Use the
--prod flag for a production build.
Running unit tests
ng test to execute the unit tests via Karma.
To get more help on the Angular CLI use
ng help or go check out the Angular CLI README.