S
SolidJS•16mo ago
AesthetiCoder

Dinamyc inline svg

hi everyone, good night i have a question, i am new whit solid js and i want to make a component that can render svg dynamically, these svg are in my public directory, so an example of this cloud be react-svgr, his library can import the svg an render as a component, the result is a inline svg and ou can change his props https://react-svgr.com I saw this method in react to import dinamically a svg, it is posible to make this in solidjs ? https://stackoverflow.com/questions/61339259/how-to-dynamically-import-svg-and-render-it-inline
SVGR - Transforms SVG into React Components. - SVGR
Transforms SVG into React Components.
Stack Overflow
How to dynamically import SVG and render it inline
I have a function that takes some arguments and renders an SVG. I want to dynamically import that svg based on the name passed to the function. It looks like this: import React from 'react'; export
4 Replies
Unknown User
Unknown User•16mo ago
Message Not Public
Sign In & Join Server To View
AesthetiCoder
AesthetiCoder•16mo ago
something like that it doesnt have to be at compile time, it can be whit a dinamyc import for example like the example
Alex Lohr
Alex Lohr•16mo ago
there's a vite plugin for that: https://github.com/jfgodoy/vite-plugin-solid-svg
GitHub
GitHub - jfgodoy/vite-plugin-solid-svg: Vite plugin to Import SVG f...
Vite plugin to Import SVG files as Solid.js Components - GitHub - jfgodoy/vite-plugin-solid-svg: Vite plugin to Import SVG files as Solid.js Components
AesthetiCoder
AesthetiCoder•16mo ago
thanks this work for me for now
Want results from more Discord servers?
Add your server
More Posts
how to use useParams inside a ContextProviderI have something like this ``` return ( <Router> <MyContextProvider> <Routes> How do y'all handle mobile phones in landscape for mediaquery breakpointsSo, we'm using suid/mui that has builtin-breakpoints, so we can do: ``` const ActiveDotPopup = stylAccessing child element size from parent.I'm trying to use `createElementSize` from primitives. Problem is, It seems it doesn't wait until chFetching data in root.jsxI have solidStart connected to a local postgre database. I can fetch data from it in files in the "rSolid-Start w/ FirebaseHey all, Looking for any sort of documentation or wrapper for firebase with solid-start. Mainly usipeer dependency error when creating a new SolidStart projectcreated a new project, received this. not sure if i should worry or notapi route errors not being logged and the dev server just stopsapi route errors not being logged and the dev server just stopsHow to preserve reactivity in a multilevel object stored in a nanostore map ?Hello, I'm trying to create a simple cart store using the nanostores library (https://github.com/naDon't fully understand solid's reactivity, help understand with a caseI have this repo https://github.com/Kisuyo/todo I created a component: https://github.com/Kisuyo/toonKeyPress eventHello there, I'm trying to capture key-presses to make a gallery go left/right with the arrow keys.