Skip to content

Conversation

@emirdaponte
Copy link

@emirdaponte emirdaponte commented Jan 29, 2022

I think it would be nice to have more granular control of which icons to replace.

e.g. Replace the icons in two sections of the HTML with different settings.

<section id='first'>
 ...
</section>
<section id='first'>
 ...
</section>

<script>
  const firstSection = document.querySelector('#first')
  const secondSection = document.querySelector('#second')
  
  for (let element of firstSection.querySelectorAll('[data-feather]')) {
    feather.replaceElement(element, { class: 'foo bar', 'stroke-width': 1 })
  }
  
  for (let element of secondSection.querySelectorAll('[data-feather]')) {
    feather.replaceElement(element)
  }
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

1 participant