agerix/iconify
2
0
Fork 0
mirror of https://github.com/iconify/iconify.git synced 2024-12-12 21:57:50 +00:00
Code Issues Releases Activity

Update Next.js demo

Browse Source
This commit is contained in:
Vjacheslav Trushkin 2021-04-27 20:56:24 +03:00
parent 52674f0967
commit b12de93aaa
1 changed files with 4 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/nextjs-demo/pages/index.js
View File

@ -85,8 +85,7 @@ export default function Home() {
<section className="demo">
<h1>Iconify demo</h1>
<p>
Home icons (generated on client):{' '}
<InlineIcon icon="mdi:home" />
Home icons: <InlineIcon icon="mdi:home" />
<InlineIcon
icon="mdi:home-outline"
style={{ color: '#c40' }}
@ -94,15 +93,9 @@ export default function Home() {
<InlineIcon icon="flat-color-icons:home" />
</p>
<p>
Icons to test unique ids (generated on server):{' '}
<InlineIcon icon={iconDataWithID} id="medal1" />
<InlineIcon icon={iconDataWithID} id="medal2" />
<small>
Due to Next.js behavior, icons that use IDs should
have "id" attribute or Next.js will warn that
content generated on server and client does not
match.
</small>
Icons to test unique ids:{' '}
<InlineIcon icon={iconDataWithID} />
<InlineIcon icon={iconDataWithID} />
</p>
</section>
</main>