design-system-icons-anz

یک کامپوننت آیکن وب (Web Component) که در تمام فریمورک‌ها از جمله Nuxt2، Nuxt3 و Next.js بدون نیاز به تنظیمات اضافی کار می‌کند.

نصب

npm install design-system-icons-anz
# یا
yarn add design-system-icons-anz

نحوه استفاده

این کامپوننت از استاندارد Web Components استفاده می‌کند و در تمام فریمورک‌ها به یک شکل قابل استفاده است.

HTML ساده

<script src="node_modules/design-system-icons-anz/dist/index.js"></script>
<calendar-dots-icon></calendar-dots-icon>

در React/Next.js

import 'design-system-icons-anz';

function MyComponent() {
  return <calendar-dots-icon></calendar-dots-icon>;
}

در Vue/Nuxt2/Nuxt3

<template>
  <calendar-dots-icon></calendar-dots-icon>
</template>

<script>
import 'design-system-icons-anz';

export default {
  name: 'MyComponent'
}
</script>

در Angular

// در app.component.ts
import 'design-system-icons-anz';

@Component({
  selector: 'app-root',
  template: '<calendar-dots-icon></calendar-dots-icon>'
})
export class AppComponent {}

در Nuxt.js 2

در فایل plugins/webcomponents.client.js:

import 'design-system-icons-anz';

و در nuxt.config.js:

plugins: [
  { src: '~/plugins/webcomponents.client.js', mode: 'client' }
]

مجوز

MIT