Skip to content

Add NetworkPictogram - #87

Open
stephdl wants to merge 1 commit into
mainfrom
add-network-pictogram
Open

Add NetworkPictogram#87
stephdl wants to merge 1 commit into
mainfrom
add-network-pictogram

Conversation

@stephdl

@stephdl stephdl commented Jul 29, 2026

Copy link
Copy Markdown
Contributor

Description

Adds a NetworkPictogram, the subpaths of the Carbon network--3 icon, for empty states about network configuration.

NethServer/ns8-core#1258 needs it for the empty state of the frontend proxies table, and carries a local copy under core/ui/src/components/ in the meantime. Once this is released and the dependency bumped in core, that copy goes away and the import comes from here, next to the other fifteen pictograms.

Changes

  • src/lib-components/pictograms/NetworkPictogram.vue, template only and with the Carbon icon id kept, as the sibling pictograms do
  • one export line in src/lib-components/index.js, at the end of the // Pictograms section

No version bump: releases are their own commit in this repo.

Testing

npm ci && npm run build with NODE_OPTIONS=--openssl-legacy-provider, the same steps as ci.yml. The build passes and NetworkPictogram is present in dist/ns8-ui-lib.esm.js.

Rendering was checked in core through <NsEmptyState>, where NsPictogram provides the svg wrapper and the pictogram only supplies the paths:

<template #pictogram>
  <NetworkPictogram />
</template>

Subpaths of the Carbon "network--3" icon, for empty states about network
configuration. NethServer/ns8-core#1258 needs it for the frontend proxies
table and carries a local copy in the meantime.
@stephdl
stephdl requested a review from andre8244 July 30, 2026 08:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants