Copyright-x 👋

A lib for web components(custom components) by hybridx

✨ Demo

Run tests

npm run test

Usage

Install hybridx webcomponents

• Use npm package manager to install components

npm install --save copyright-x

• Include component

import '@hybridxweb/copyright-x/dist/copyright-x';

• Usage

<copyright-x></copyright-x>

<copyright-x>
  <span slot="name">hybridX</span>
</copyright-x>

<copyright-x year="2020">
</copyright-x>

To use it in React

<script>
require('~/node_modules/@hybridxweb/copyright-x/dist/copyright-x);
</script>

<copyright-x></copyright-x>

<copyright-x>
  <span slot="name">hybridX</span>
</copyright-x>

<copyright-x year="2020">
</copyright-x>

To use it in Angular

• Install and import the component in app.module and add CUSTOM_ELEMENT_SCHEMA

import '@hybridxweb/copyright-x/dist/copyright-x';
@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Using style API

• Pass using css variables

<style>
  copyright-x {
    --fontSize: 1rem;
    --fontColor: #72767B;
  }
</style>

Author

👤 Deepesh Nair

• Website: https://hybridx.github.io
• Github: @hybridx
• LinkedIn: @Deepesh Nair

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check issues page. You can also take a look at the contributing guide.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2020 Deepesh Nair.

This project is MIT licensed.