Preact + deno convertion of react-icons
This library is a simple port from react-icons compatible with deno fresh project.
setup
To use it simply fill your import_map.json
{
"imports": {
"preact": "https://esm.sh/preact@10.11.3",
"preact/": "https://esm.sh/preact@10.11.3/",
"react-icons/ai": "https://deno.land/x/react_icons@0.1.3/ai/mod.ts",
"react-icons/bs": "https://deno.land/x/react_icons@0.1.3/bs/mod.ts",
"react-icons/bi": "https://deno.land/x/react_icons@0.1.3/bi/mod.ts",
"react-icons/ci": "https://deno.land/x/react_icons@0.1.3/ci/mod.ts",
"react-icons/di": "https://deno.land/x/react_icons@0.1.3/di/mod.ts",
"react-icons/fi": "https://deno.land/x/react_icons@0.1.3/fi/mod.ts",
"react-icons/fc": "https://deno.land/x/react_icons@0.1.3/fc/mod.ts",
"react-icons/fa": "https://deno.land/x/react_icons@0.1.3/fa/mod.ts",
"react-icons/gi": "https://deno.land/x/react_icons@0.1.3/gi/mod.ts",
"react-icons/go": "https://deno.land/x/react_icons@0.1.3/go/mod.ts",
"react-icons/gr": "https://deno.land/x/react_icons@0.1.3/gr/mod.ts",
"react-icons/hi": "https://deno.land/x/react_icons@0.1.3/hi/mod.ts",
"react-icons/im": "https://deno.land/x/react_icons@0.1.3/im/mod.ts",
"react-icons/io": "https://deno.land/x/react_icons@0.1.3/io/mod.ts",
"react-icons/md": "https://deno.land/x/react_icons@0.1.3/md/mod.ts",
"react-icons/ri": "https://deno.land/x/react_icons@0.1.3/ri/mod.ts",
"react-icons/si": "https://deno.land/x/react_icons@0.1.3/si/mod.ts",
"react-icons/sl": "https://deno.land/x/react_icons@0.1.3/sl/mod.ts",
"react-icons/tb": "https://deno.land/x/react_icons@0.1.3/tb/mod.ts",
"react-icons/ti": "https://deno.land/x/react_icons@0.1.3/ti/mod.ts",
"react-icons/wi": "https://deno.land/x/react_icons@0.1.3/wi/mod.ts",
"react-icons/cg": "https://deno.land/x/react_icons@0.1.3/cg/mod.ts",
"react-icons/tfi": "https://deno.land/x/react_icons@0.1.3/tfi/mod.ts",
"react-icons/vsc": "https://deno.land/x/react_icons@0.1.3/vsc/mod.ts"
}
}
Now just use it like in a regular React
app, bur with Preact
sample
import { AiFillAccountBook } from "react-icons/ai";
export default function TesSvg() {
return (<AiFillAccountBook />)
}
Check the full documetation in: here
the first sample:
import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
render() {
return <h3> Lets go for a <FaBeer />? </h3>
}
}
can be convert as:
import { FaBeer } from 'react-icons/fa';
import { Component } from 'preact'
class Question extends Component {
render() {
return <h3> Lets go for a <FaBeer />? </h3>
}
}