Dynamic import by icon slug

[pawelmalak]

Hi, is it possible to import needed icons dynamically using icon slug?

I have this component:

interface Props {
  title: string;
  icon: string;
}

export const BadgeWithIcon = (props: Props): JSX.Element => {
  return (
    <span className='badge bg-primary'>
      {/* ICON */}
      {props.title}
    </span>
  );
}

and I want to insert icon dynamically like that:

<BadgeWithIcon title="ReactJS" icon="reactjs" />

[wootsbot]

@sachinraja is supporting us with a PR to achieve this, @sachinraja is there an update or something we can help with?

[pawelmalak]

Hi. Any updates on this PR?