@fsdk/element-angular

element ui for angular

Usage no npm install needed!

<script type="module">
  import fsdkElementAngular from 'https://cdn.skypack.dev/@fsdk/element-angular';
</script>

README

Element for Angular

This project is intended to bring Element UI Kit (https://element.eleme.io/#/en-US) to the angular world.

The project was initally forked from https://github.com/ElemeFE/element-angular in order to update dependencies so that it can be used along with Angular 9+.

It is now built and packaged with angular cli (v9) toolset and will hopefully be further updated to the current Angular version.

Getting Started

  1. Install:
# install
npm i --save @fsdk/element-angular
  1. Usage:
// import module
import { ElModule } from '@fsdk/element-angular'

// import styles directly (/src/styles.css)
@import "~@fsdk/element-angular/theme/index.css"

// or via anglar-cli configuration (/angular.json):
{
  "app": [{
    "styles": [
      "../node_modules/element-angular/theme/index.css"
    ],
    // other configurations...
  }]
}

Customization

Since components utilize Element-UI styling which reside in the global scope the other option might be to configure styles via https://element.eleme.io/#/en-US/theme/preview, download custom theme and set it up. This approach is straightforward and should work, however not tested yet.

Default theme which @fsdk/element-angular package is build around comes from element-ui@2.0.7 package