Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@ui5/webcomponents-icons-tnt

Package Overview
Dependencies
Maintainers
0
Versions
407
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ui5/webcomponents-icons-tnt

UI5 Web Components: SAP Fiori Tools icon set

  • 2.4.0
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
41K
increased by5.19%
Maintainers
0
Weekly downloads
 
Created
Source

UI5 iconUI5 Web Components - SAP Fiori Tools (TNT) Icons

npm Package Version

Provides assets for the rich tnt icon collection.

Provided icons

Icon assetModule import
All icons (~31KB zipped)import "@ui5/webcomponents-icons-tnt/dist/AllIcons.js";
Actor iconimport "@ui5/webcomponents-icons-tnt/dist/actor.js";
Ad hoc actor iconimport "@ui5/webcomponents-icons-tnt/dist/ad-hoc-actor.js";
......
Workflow editor iconimport "@ui5/webcomponents-icons-tnt/dist/workflow-editor.js";

Note: The @ui5/webcomponents-icons-tnt package does not provide any web components per se, but rather icon assets, usable by other web components such as ui5-icon. You could import all icons, but it's recommended to import just the ones that your app will actually use.

Note: For a full list of the icons in the tnt collection, click here.

Usage

Collection tnt

All icon names from the collection have to be prefixed with tnt and a / separator when used by web components.

Example usage with <ui5-icon> web component:

<ui5-icon name="tnt/actor"></ui5-icon>

The package provides two versions of each icon (TNT Icons v2 and TNT Icons v3). If you don't specify the versioned collection name, like in the example above:

<ui5-icon name="tnt/actor"></ui5-icon>

the framework will detect the current theme and render the corresponding icon - from TNT Icons v3 (collection name tnt-v3) for SAP Horizon theme family (sap_horizon, sap_horizon_dark, etc.), and from TNT Icons v2 (collection name tnt-v2) for all the rest (sap_fiori_3, sap_fiori_3_dark, etc.).

Collections tnt-v2 and tnt-v3

In case you want to always display the TNT Icons v3 icons in all themes, you can set it explicitly via the tnt-v3 collection name:

<ui5-icon name="tnt-v3/actor"></ui5-icon>

The same applies if you want to always display the TNT Icons v2 icons. You can set it explicitly via the tnt-v2 collection name:

<ui5-icon name="tnt-v2/actor"></ui5-icon>

Resources

Support

We welcome all comments, suggestions, questions, and bug reports. Please follow our Support Guidelines on how to report an issue, or chat with us in the #webcomponents channel of the OpenUI5 Community Slack.

Contribute

Please check our Contribution Guidelines.

License

Copyright (c) 2019 SAP SE or an SAP affiliate company. All rights reserved. This file is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the LICENSE file.

Keywords

FAQs

Package last updated on 03 Nov 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc