@ui5/webcomponents-icons-business-suite
Advanced tools
UI5 Web Components: SAP Fiori Tools icon set
Provides assets for the rich business-suite icon collection.
| Icon asset | Module import |
|---|---|
| All icons (~73KB zipped) | import "@ui5/webcomponents-icons-business-suite/dist/AllIcons.js"; |
| 1x2 grid layout icon | import "@ui5/webcomponents-icons-business-suite/dist/1x2-grid-layout.js"; |
| 2x1 grid layout icon | import "@ui5/webcomponents-icons-business-suite/dist/2x1-grid-layout.js"; |
| ... | ... |
| Year icon | import "@ui5/webcomponents-icons-business-suite/dist/year.js"; |
Note: The @ui5/webcomponents-icons-business-suite 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.
Since this is a non-default icon collection, all names have to be prefixed with the collection name and a / separator when used by web components.
Example usage with <ui5-icon> web component:
<ui5-icon name="business-suite/1x2-grid-layout"></ui5-icon>
The package provides two versions of each icon (SAP Business Suite Icons v1 and SAP Business Suite Icons v2). If you don't specify the versioned collection name, like in the example above:
<ui5-icon name="business-suite/1x2-grid-layout"></ui5-icon>
the framework will detect the current theme and render the corresponding icon - from SAP Icons Business suite V2 (collection name business-suite-v2) for SAP Horizon theme family (sap_horizon, sap_horizon_dark, etc.), and from SAP Icons Business suite V1 (collection name business-suite-v1) for all the rest (sap_fiori_3, sap_fiori_3_dark, etc.).
business-suite-v1 and business-suite-v2 In case you want to always display the SAP Icons Business suite V1 icons in all themes, you can set it explicitly via the business-suite-v1 collection name:
<ui5-icon name="business-suite-v1/answered"></ui5-icon>
The same applies if you want to always display the SAP Icons Business suite V2 icons. You can set it explicitly via the business-suite-v2 collection name:
<ui5-icon name="business-suite-v2/answered"></ui5-icon>
For a full list of the icons in the business-suite collection, click here.
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.
Please check our Contribution Guidelines.
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.
2.0.0-rc.6 (2024-06-17)
icon and endIcon properties (#9036) (06318cb)wrapping-type property default value has changed from None to Normal.
Before:<ui5-checkbox text=Some very very very very long text"></ui5-checkbox><!-- would truncate the text if there is not enough space -->
Now:
<ui5-checkbox text=Some very very very very long text"></ui5-checkbox> <!-- would let the text wrap if there is not enough space -->
Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
wholeItemToggleAble poperty of ui5-side-navigation-item is now remomoved.
The functionality of clicking the whole item to show/hide the sub items (if present) will
be introduced soon with new property name and enhanced accessibility and keyboard handling.wrapping-type property default value has changed from None to Normal. Before:<ui5-tag>In Process</ui5-tag><!-- would truncate the text if there is not enough space -->
Now:
<ui5-tag>In Process</ui5-tag><!-- would let the text wrap if there is not enough space -->
Related to https://github.com/SAP/ui5-webcomponents/issues/8461
refactor(ui5-tag): fix test texsts
refactor(ui5-tag): fix height of the tags to be the same
No matter if the tag is with wrapping-type="None" or wrapping-type="Normal" the height when there is only one line of text should be the same.
refactor(ui5-tag): merge adjustments and code review comments
refactor(ui5-tag): fix height
ui5-li, ui5-li-custom: StandardListItem has been renamed to ListItemStandard, and CustomListItem has been renamed to ListItemCustom.
If you previously imported the classes as follows:
import StandardListItem from "@ui5/webcomponents/StandardListItem.js";
import CustomListItem from "@ui5/webcomponents/CustomListItem.js";
now you must change imports to:
import ListItemStandard from "@ui5/webcomponents/ListItemStandard.js";
import ListItemCustom from "@ui5/webcomponents/ListItemCustom.js";
Related to: https://github.com/SAP/ui5-webcomponents/issues/8461
FAQs
UI5 Web Components: SAP Fiori Tools icon set
The npm package @ui5/webcomponents-icons-business-suite receives a total of 23,206 weekly downloads. As such, @ui5/webcomponents-icons-business-suite popularity was classified as popular.
We found that @ui5/webcomponents-icons-business-suite demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
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.
Security News
Research
Socket researchers have discovered malicious npm packages targeting crypto developers, stealing credentials and wallet data using spyware delivered through typosquats of popular cryptographic libraries.
Security News
Socket's package search now displays weekly downloads for npm packages, helping developers quickly assess popularity and make more informed decisions.
Security News
A Stanford study reveals 9.5% of engineers contribute almost nothing, costing tech $90B annually, with remote work fueling the rise of "ghost engineers."