Price Box Component NG - Live Demo

Pricing Boxes built using Angular 8 and CSS Grid. - Free To Use

Data Source

pricingBoxes = [
    {
      name: 'Free',
      price: 0,
      features: [...]
    },
    {
      name: 'Pro',
      price: 59,
      features: [...]
    },
    {
      name: 'Business',
      price: 99,
      features: [...]
    }
  ];

export class PriceTableComponent {
  @Input() pricingBox: {
    name: string, 
    price: number, 
    features: string[]
  };
}

Angular Stuff

This project was generated with Angular CLI version 8.1.3.

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.