https://github.com/eneajaho/price-box-ng

Price Box Component built with Angular 8
https://github.com/eneajaho/price-box-ng

angular8 css-animations css-grid ui-components

Last synced: 3 months ago
JSON representation

Price Box Component built with Angular 8

• Host: GitHub
• URL: https://github.com/eneajaho/price-box-ng
• Owner: eneajaho
• License: mit
• Created: 2019-08-20T09:28:38.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T08:53:01.000Z (about 2 years ago)
• Last Synced: 2023-03-03T18:48:39.050Z (almost 2 years ago)
• Topics: angular8, css-animations, css-grid, ui-components
• Language: TypeScript
• Homepage: https://price-box-ng.netlify.com/
• Size: 2.68 MB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Price Box Component NG - [Live Demo](https://price-box-ng.netlify.com/)

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

![Screenshot](https://raw.githubusercontent.com/eneajaho/price-box-ng/master/screenshot.png)

# Data Source

```javascript

pricingBoxes = [

    {

      name: 'Free',

      price: 0,

      features: [...]

    },

    {

      name: 'Pro',

      price: 59,

      features: [...]

    },

    {

      name: 'Business',

      price: 99,

      features: [...]

    }

  ];

```

```javascript

export class PriceTableComponent {

  @Input() pricingBox: {

    name: string, 

    price: number, 

    features: string[]

  };

}

```

## Angular Stuff

This project was generated with [Angular CLI](https://github.com/angular/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.