amexio.github.io

Amexio is a rich set of Angular 7 (160+) components powered by HTML5 & CSS3 for Responsive Design and with 50+ Material Design Themes, UI Components, Charts, Gauges, Data Point Widgets, Dashboads. Amexio is completely Open Sourced and Free. It's based on Apache 2 License. You can use it in your production grade work today at no cost or no obligation.

Github星跟蹤圖

Browsers support made by godban, Edge, Firefox, Chrome, Safari, Opera, iOS Safari, Chrome for Android, ---------, ---------, ---------, ---------, ---------, ---------, ---------, Edge last 5 versions, last 5 versions, last 5 versions, last 3 versions, last 4 versions, last 3 versions, last 3 versions

Table of Content

Features

  • Pure TypeScript: Amexio is a pure Typescript library with 0 Dependencies & Angular 4/5/6/7/8 Support.
  • 170+ High Grade Components: We make sure you're nothing short of while building your app.
  • Forms: Amexio API supports both Template Driven Forms and Reactive Forms.
  • Layouts: With v5.4 release More than half a dozen layout options are supported including CSS3 Grids.
  • Responsive Web Design: Out of the box Responsive Web Design with 50+ Material Design based Themes.
  • Charts, Dashboads, D3: Powerful Charting library including D3 Charts with Drillable & Zoomable capabilities.
  • Server Rending Support: Components support & optimized for server side rendering.
  • Highly Customizable Styling: Lot of customization can be done easily using the Amexio SCSS files.
  • Accessibility Support: ARIA 1.1 Support, WCAG 2.1 and Section 508 Compliance. Checkout Roadmap
  • Security & Quality: Every Amexio build goes thru Security Scanning using Sonar to ensure very High Quality Standards.
  • Modular Support: Load Only what you want, amexio is Modular.
  • FOSS: Amexio API is Free and Open Source Software based on Apache 2 License

Amexio References

Angular CLI - Installation

Overview

The Angular CLI is a tool to initialize, develop, scaffold and maintain Angular applications

Getting Started

To install the Angular CLI:

npm install -g @angular/cli

Generating and serving an Angular project via a development server Create and run a new project:

ng new my-project
cd my-project
ng serve

Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

For More on Angular CLI commands click on the link.

Amexio D3 Charts - Installation

To install this library, follow the steps given below:

$ cd your-angular-project
$ npm install amexio-chart-d3 --save

and then from your Angular AppModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {FormsModule} from "@angular/forms";
import { AppComponent } from './app.component';

// To import D3-Chart :- 

import { AmexioChartD3Module } from 'amexio-chart-d3';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    AmexioChartD3Module,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Amexio Angular Extension - Installation

To install this library, follow the steps given below:

$ cd your-angular-project
$ npm install amexio-ng-extensions@latest --save

and then from your Angular AppModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {FormsModule} from "@angular/forms";
import { AppComponent } from './app.component';

// Import your library
import { AmexioWidgetModule,CommonDataService } from 'amexio-ng-extensions';

// To import Charts
import { AmexioChartsModule } from 'amexio-ng-extensions';

//To import Maps 
import { AmexioMapsModule } from 'amexio-ng-extensions';

// To import Dashboard
import { AmexioDashboardModule } from 'amexio-ng-extensions';


// To import Enterprise
import { AmexioEnterpriseModule } from 'amexio-ng-extensions';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    AmexioWidgetModule,
    AmexioChartsModule,
    AmexioMapsModule,
    AmexioDashboardModule,
    AmexioEnterpriseModule
  ],
  providers: [CommonDataService],
  bootstrap: [AppComponent]
})
export class AppModule { }

Amexio Modules

Amexio Themes (Amexio / Amexio Material)

To use the default theme import the
../node_modules/amexio-ng-extensions/styles/mda/at-md-blue.scss
in your app styles.scss
Or refer the below table for other themes provided.

Amexio Microsoft Visual Studio Code Extensions

This extension will help the developers of Visual Studio Code with quick code snippet for the Amexio Markup as well as Amexio TypeScript for the Angular Extensions.

Usage

Select the Amexio Ui Component

Fill up the required Component Params

License

Copyright © MetaMagic Global Inc, 2017-19. NJ, USA. Amexio Angular EXtensions. All rights reserved.
BetaMagic Global Pvt Ltd, Pune, Maharashtra, India is a wholly owned subsidiary of MetaMagic Global Inc, NJ, USA.

Licensed under the Apache 2.0 License. Amexio API Docs by CC By 4.0

Enjoy!

主要指標

概覽
名稱與所有者meta-magic/amexio.github.io
主編程語言CSS
編程語言JavaScript (語言數: 6)
平台
許可證Apache License 2.0
所有者活动
創建於2017-06-10 07:14:51
推送於2021-08-06 10:32:37
最后一次提交2018-01-25 12:24:06
發布數35
最新版本名稱v5.20 (發布於 )
第一版名稱v0.01 (發布於 2017-06-17 09:11:23)
用户参与
星數166
關注者數19
派生數69
提交數5k
已啟用問題?
問題數140
打開的問題數21
拉請求數2
打開的拉請求數2
關閉的拉請求數7
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?