deblan-mirror/iconoir
deblan-mirror/iconoir
1
0
Fork 0
mirror of https://github.com/iconoir-icons/iconoir synced 2026-03-14 14:05:44 +01:00
Code Issues Projects Releases Packages Wiki Activity

Add provider to examples

Browse source
This commit is contained in:
Pascal Jufer 2023-10-29 01:06:48 +02:00
commit e0437a7cef
No known key found for this signature in database
3 changed files with 38 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

21
examples/next/app/page.tsx
View file

@ -1,4 +1,10 @@
import { Iconoir, Medal1st, Medal1stSolid } from 'iconoir-react';
import {
Check,
Iconoir,
IconoirProvider,
Medal1st,
Medal1stSolid,
} from 'iconoir-react';
import { AdobeAfterEffects as AdobeAfterEffectsRegular } from 'iconoir-react/regular';
import { AdobeAfterEffects as AdobeAfterEffectsSolid } from 'iconoir-react/solid';
@ -6,10 +12,21 @@ export default function Home() {
return (
<>
<Iconoir />
<Medal1st />
<Medal1st color="red" height={36} width={36} />
<Medal1stSolid />
<AdobeAfterEffectsRegular color="red" />
<AdobeAfterEffectsSolid color="green" />
<IconoirProvider
iconProps={{
color: '#1E441E',
strokeWidth: 1,
width: '2em',
height: '2em',
}}
>
<Check />
</IconoirProvider>
</>
);
}

12
examples/next/package.json
View file

@ -9,14 +9,14 @@
},
"dependencies": {
"next": "14.0.0",
"react": "^18",
"react-dom": "^18"
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"@types/node": "^20.8.9",
"@types/react": "^18.2.33",
"@types/react-dom": "^18.2.14",
"iconoir-react": "workspace:*",
"typescript": "^5"
"typescript": "^5.2.2"
}
}