How to Integrate Clarity UI on your Angular App

I heart Clarity UI.

Install
$ yarn add clarity-icons
$ yarn add @webcomponents/custom-elements@1.0.0
$ yarn add clarity-ui
$ yarn add clarity-angular

Use clarity on Angular
$ vi .angular-cli.json
"styles": [
  ...
  "../node_modules/clarity-icons/clarity-icons.min.css",
  "../node_modules/clarity-ui/clarity-ui.min.css"
],
"scripts": [
  ...
  "../node_modules/@webcomponents/custom-elements/custom-elements.min.js",
  "../node_modules/clarity-icons/clarity-icons.min.js"
],

$ vi app.module.ts
import { ClarityModule } from "clarity-angular";
imports: [
  ...
  ClarityModule.forRoot(),
  ...
],