mirror of
https://github.com/lucide-icons/lucide.git
synced 2025-12-16 20:07:43 +01:00
Move files
This commit is contained in:
@@ -24,7 +24,7 @@ After install `lucide-angular` change content of file `app.component.html` and `
|
||||
|
||||
``` xml
|
||||
<!-- app.component.html -->
|
||||
<div id="ico"></div>
|
||||
<div id="lucide-icon"></div>
|
||||
```
|
||||
|
||||
``` js
|
||||
@@ -42,10 +42,12 @@ import { Activity } from 'lucide-angular/icons';
|
||||
export class AppComponent implements OnInit {
|
||||
|
||||
ngOnInit(): void {
|
||||
const div = document.getElementById('ico');
|
||||
const div = document.getElementById('lucide-icon');
|
||||
const elm = createElement(Activity);
|
||||
elm.setAttribute('color', 'red'); // or set `width`, `height`, `fill`, `stroke-width`, ...
|
||||
div.appendChild(elm);
|
||||
if (div) {
|
||||
div.appendChild(elm);
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
@@ -106,7 +108,7 @@ import { Component } from '@angular/core';
|
||||
styleUrls: ['./app.component.css']
|
||||
})
|
||||
export class AppComponent {
|
||||
|
||||
|
||||
}
|
||||
```
|
||||
|
||||
@@ -184,8 +186,8 @@ LucideAngularModule.pick(icons)
|
||||
```
|
||||
### Tags
|
||||
You can use the following tags instead of `lucide-icon`:
|
||||
* lucide-angular
|
||||
* i-lucide
|
||||
* span-lucide
|
||||
* lucide-angular
|
||||
* i-lucide
|
||||
* span-lucide
|
||||
|
||||
All of the above are the same
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
{
|
||||
"$schema": "./node_modules/ng-packagr/ng-package.schema.json",
|
||||
"dest": "dist",
|
||||
"dest": "dist/lucide-angular",
|
||||
"lib": {
|
||||
"entryFile": "src/lucide.ts"
|
||||
"flatModuleFile": "lucide-angular",
|
||||
"entryFile": "src/index.ts"
|
||||
}
|
||||
}
|
||||
|
||||
3
packages/lucide-angular/src/index.ts
Normal file
3
packages/lucide-angular/src/index.ts
Normal file
@@ -0,0 +1,3 @@
|
||||
export * from './lib/lucide-angular.component';
|
||||
export * from './lib/lucide-angular.module';
|
||||
export * from './lucide';
|
||||
@@ -1,5 +1,3 @@
|
||||
export * from './lib/lucide-angular.component';
|
||||
export * from './lib/lucide-angular.module';
|
||||
import * as icons from './icons';
|
||||
export * from './icons';
|
||||
export * from './helpers/create-element';
|
||||
|
||||
@@ -17,7 +17,8 @@
|
||||
"angularCompilerOptions": {
|
||||
"skipTemplateCodegen": true,
|
||||
"strictMetadataEmit": true,
|
||||
"enableResourceInlining": true
|
||||
"enableResourceInlining": true,
|
||||
"fullTemplateTypeCheck": true
|
||||
},
|
||||
"exclude": [
|
||||
"src/test.ts",
|
||||
|
||||
Reference in New Issue
Block a user