search

webalys-hq / streamlinehq-npm

The deprecated Streamline NPM package, which will be deleted on 1st November 2022.
https://medium.com/streamline-icons/how-streamline-narrows-down-its-focus-eac6fdb5c6f2
24 stars 5 forks source link

ReactComponent is not availaible for streamline-freehand #39

Closed viperin closed 3 years ago

viperin commented 3 years ago

I missed something or ReactComponent is not available for streamline-freehand ? How I can change the second color icon in my app when I'm importing with npm ? I have to download icons manually ?

cbrwizard commented 3 years ago

Compared to the previous npm package, this one just serves svgs as files. You can style svg files the same way as you would do with svgs from any other source. You can read more here https://github.com/webalys-hq/streamlinehq-npm#how-to-change-style-size-etc

For multi-colored svgs personally I'd recommend going to the app https://app.streamlinehq.com/icons/streamline-freehand, changing the colors there, downloading them 1 by 1 and inserting them as images to your project.

mijamo commented 3 years ago

The latest example-app still contains examples with ReactComponent.

If we can only get the fully formed SVG directly now, how is it possible to "inline render them as a component and change styles by passing stroke/fill attributes" as the documentation linked above points us to?

mijamo commented 3 years ago

OK so it was a misunderstanding on my part. I thought the ReactComponent was previously exported by Streamline Icons but it is actually a feature of the loader you might use, which mostly rely on https://github.com/gregberge/svgr under the hood. I have therefore found what I needed using that instead. It however complicates quite a bit the build process.

cbrwizard commented 3 years ago

Today we announce that we're deprecating the Streamline NPM package. Instead, we’ll focus on the web app and Figma plugin, which are used by a noticeable share of our customers.

Please from now on instead of using our brittle package download the images directly from our website and insert them into your project as SVG files. Meanwhile, Streamline team is focused on ensuring that our web application provides the best user experience for developers' use cases. Please take 2 minutes to share feedback so that we can improve.

We'll keep this package with minimal life support until 1st November 2022, after which it's going to be deleted.

Please read the full story in this article.