Another way of using icons

[jrgarciadev]

Another way of using icons

[jrgarciadev]

You're welcome!, I'm going to publish the new version 🚀

[jrgarciadev]

Hi @hiradary!

Thanks to you for your amazing work designing Iconly.

I agree with you, I'm going to add your suggestion. What kind of problems did you have running the project?

[hiradary]

For example, I want to list all icons like this:

import Iconly from 'react-iconly';

const ICONS = [
  {
    name: 'Search',
  },
  {
    name: 'Chat',
  },
  {
    name: 'Ticket',
  },
]

const MyComponent = () => {
  return (
    <div>
      {ICONS.map((item) => (
        <Iconly name={item.name} set="light" />
      )}
    <div>
  )
}

Otherwise, I have to first import 100 Icons, then assign each one of them to an array. It'll add 200 lines to my codebase.
This way I only need to add 100 lines.

[hiradary]

I suppose It's a cleaner syntax as well.

[jrgarciadev]

@hiradary here the solution: 333f30e

[jrgarciadev]

@hiradary Let I know if you agree with that to implement the new version

[hiradary]

@jrgarciadev Thanks for the fast response! the API seems pretty cool!