<ng-scrollbar>
  <header>
    <h1>Icons Guide</h1>
  </header>

  <div class="page-content container">

    <section>
      <section-title>Overview</section-title>
      <p>This library relies on <b><a href="https://fontawesome.com">FontAwesome</a></b> to display share buttons icons.
    </section>

    <section>
      <section-title>Usage</section-title>
      <p>You can use the module <code class="hljs">ShareIconsModule</code> to import all share buttons icons.</p>

      <hl-code [code]="code.import" [height]="400"></hl-code>
    </section>

    <section>
      <section-title>Custom icons</section-title>
      <p>If you want to import different icon set for the share buttons or if you don't want to import all the share
        icons that comes with the <code class="hljs">ShareIconsModule</code>, you can skip it and import the icons
        manually.</p>
      <p>Let's say you want to use facebook square icon instead of the default one</p>

      <hl-code [code]="code.libraryMethod" [height]="400"></hl-code>

      <section>
        <note icon="lightbulb">
          Use the deep link to import an icon to avoid importing the rest in your bundle.
        </note>
      </section>

      <p>You can also set the icon directly</p>
      <hl-code [code]="code.literalMethod"></hl-code>
    </section>
  </div>

  <footer></footer>
</ng-scrollbar>

<ng-scrollbar>
  <header>
    <h1>Icons Guide</h1>
  </header>

  <div class="page-content container">

    <section>
      <section-title>Overview</section-title>
      <p>This library relies on <b><a href="https://fontawesome.com">FontAwesome</a></b> to display share buttons icons.
    </section>

    <section>
      <section-title>Usage</section-title>
      <p>You can use the module <code class="hljs">ShareIconsModule</code> to import all share buttons icons.</p>

      <hl-code [code]="code.import" [height]="400"></hl-code>
    </section>

    <section>
      <section-title>Custom icons</section-title>
      <p>If you want to import different icon set for the share buttons or if you don't want to import all the share
        icons that comes with the <code class="hljs">ShareIconsModule</code>, you can skip it and import the icons
        manually.</p>
      <p>Let's say you want to use facebook square icon instead of the default one</p>

      <hl-code [code]="code.libraryMethod" [height]="400"></hl-code>
    </section>
  </div>

  <footer></footer>
</ng-scrollbar>

Remove passing icon object in the share config
Remove passing icon object in the share config

