mirror of
https://github.com/gromlab-ru/svg-sprites.git
synced 2026-07-22 12:40:21 +03:00
feat: добавить серверную генерацию спрайтов
This commit is contained in:
@@ -1,15 +1,17 @@
|
||||
import { SpriteViewer } from '@gromlab/svg-sprites/react'
|
||||
import { IconsIcon } from '../src/sprite'
|
||||
import { AppIcon } from '../src/app-icons'
|
||||
import { RemoteAppIcon } from '../src/remote-app-icons'
|
||||
|
||||
const viewerSources = [
|
||||
() => import('../src/sprite/.svg-sprite/svg-sprite.manifest.js'),
|
||||
() => import('../src/app-icons/.svg-sprite/svg-sprite.manifest.js'),
|
||||
() => import('../src/remote-app-icons/.svg-sprite/svg-sprite.manifest.js'),
|
||||
] as const
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<main>
|
||||
<h1>Next.js Pages Router + Webpack</h1>
|
||||
<IconsIcon
|
||||
<AppIcon
|
||||
data-testid="icon"
|
||||
data-app="next-pages-webpack"
|
||||
icon="check"
|
||||
@@ -18,6 +20,15 @@ export default function Page() {
|
||||
height={64}
|
||||
style={{ '--icon-color-1': '#16a34a' }}
|
||||
/>
|
||||
<RemoteAppIcon
|
||||
data-testid="remote-icon"
|
||||
data-app="next-pages-webpack-remote"
|
||||
icon="check"
|
||||
aria-label="Remote check icon"
|
||||
width={64}
|
||||
height={64}
|
||||
style={{ '--icon-color-1': '#16a34a' }}
|
||||
/>
|
||||
<SpriteViewer sources={viewerSources} title="Next Pages Webpack Viewer" style={{ marginTop: 32 }} />
|
||||
</main>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user