How to use the @wfp/icons/dist/carbon-icons.json.filter function in @wfp/icons

To help you get started, we’ve selected a few @wfp/icons examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github wfp / ui / src / documentation / Icons / Icons-story.js View on Github external
<h4>WFP Logos</h4>
      <div style="{wrapperStyle}">
        {iconList
          .filter(function(icon) {
            return icon.name.includes('logo');
          })
          .map(icon =&gt; {
            return ;
          })}
      </div>

      <h4>WFP Humanitatian Icons</h4>
      <div style="{wrapperStyle}">
        {iconList
          .filter(function(icon) {
            return icon.name.includes('wfp-hum--');
          })
          .map(icon =&gt; {
            return ;
          })}
      </div>

      <h4>UI Icons</h4>

      <div style="{wrapperStyle}">
        {iconList
          .filter(function(icon) {
            return (
              !icon.name.includes('wfp-hum--') &amp;&amp; !icon.name.includes('logo')
            );</div>

@wfp/icons

Icons for the WFP UI

Apache-2.0
Latest version published 2 years ago

Package Health Score

48 / 100
Full package analysis

Popular @wfp/icons functions