1.3.2 • Published 3 years ago

@gsmlg/ui5-webcomponents-fiori v1.3.2

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
3 years ago

UI5 icon

UI5 Web Components - Fiori

Travis CI Build Status npm Package Version

Provides essential building blocks, necessary to implement the Fiori UX concept, such as a common header (ShellBar).

Provided components

Web ComponentTag nameModule import
Barui5-barimport "@gsmlg/ui5-webcomponents-fiori/dist/Bar.js";
Barcode Scanner Dialogui5-barcode-scanner-dialogimport "@gsmlg/ui5-webcomponents-fiori/dist/BarcodeScannerDialog.js";
Dynamic Side Contentui5-dynamic-side-contentimport "@gsmlg/ui5-webcomponents-fiori/dist/DynamicSideContent.js";
Flexible Column Layoutui5-flexible-column-layoutimport "@gsmlg/ui5-webcomponents-fiori/dist/FlexibleColumnLayout.js";
Illustrated Messageui5-illustrated-messageimport "@gsmlg/ui5-webcomponents-fiori/dist/IllustratedMessage.js";
Media Galleryui5-media-galleryimport "@gsmlg/ui5-webcomponents-fiori/dist/MediaGallery.js";
Media Gallery Itemui5-media-gallery-itemcomes with ui5-media-gallery
Notification List Itemui5-li-notifcationimport "@gsmlg/ui5-webcomponents-fiori/dist/NotifcationListItem.js";
Notification Group List Itemui5-li-notification-groupimport "@gsmlg/ui5-webcomponents-fiori/dist/NotifcationListGroupItem.js";
Notification Actionui5-notification-actionimport "@gsmlg/ui5-webcomponents-fiori/dist/NotificationAction.js";
Pageui5-pageimport "@gsmlg/ui5-webcomponents-fiori/dist/Page.js";
Product Switchui5-product-switchimport "@gsmlg/ui5-webcomponents-fiori/dist/ProductSwitch.js";
Product Switch Itemui5-product-switch-itemimport "@gsmlg/ui5-webcomponents-fiori/dist/ProductSwitchItem.js";
Shell Barui5-shellbarimport "@gsmlg/ui5-webcomponents-fiori/dist/ShellBar.js";
Shell Bar Itemui5-shellbar-itemimport "@gsmlg/ui5-webcomponents-fiori/dist/ShellBarItem.js";
Side Navigationui5-side-navigationimport "@gsmlg/ui5-webcomponents-fiori/dist/SideNavigation.js";
Side Navigation Itemui5-side-navigation-itemimport "@gsmlg/ui5-webcomponents-fiori/dist/SideNavigationItem.js";
Side Navigation Sub Itemui5-side-navigation-sub-itemimport "@gsmlg/ui5-webcomponents-fiori/dist/SideNavigationSubItem.js";
Timelineui5-timelineimport "@gsmlg/ui5-webcomponents-fiori/dist/Timeline.js";
Timeline Itemui5-timeline-itemcomes with ui5-timeline
Upload Collectionui5-upload-collectionimport "@gsmlg/ui5-webcomponents-fiori/dist/UploadCollection.js";
Upload Collection Itemui5-upload-collection-itemimport "@gsmlg/ui5-webcomponents-fiori/dist/UploadCollectionItem.js";
View Settings Dialogui5-view-settings-dialogimport "@gsmlg/ui5-webcomponents-fiori/dist/ViewSettingsDialog.js";
View Settings Dialog - Sort Itemui5-sort-itemimport "@gsmlg/ui5-webcomponents-fiori/dist/SortItem.js";
View Settings Dialog - Filter Itemui5-filter-itemimport "@gsmlg/ui5-webcomponents-fiori/dist/FilterItem.js";
View Settings Dialog - Filter Item Optionui5-filter-item-optionimport "@gsmlg/ui5-webcomponents-fiori/dist/FilterItemOption.js";
Wizardui5-wizardimport "@gsmlg/ui5-webcomponents-fiori/dist/Wizard.js";
Wizard Stepui5-wizard-stepcomes with ui5-wizard

Provided assets

import "@gsmlg/ui5-webcomponents-fiori/dist/Assets.js";
AssetsModuleNotes
i18n, themes@gsmlg/ui5-webcomponents-fiori/dist/Assets.jsTheming parameters and translations for the components Automatically imports also: @gsmlg/ui5-webcomponents/dist/Assets.js

Provided features

AffectsFeature ImportDescription
ui5-shellbar@gsmlg/ui5-webcomponents-fiori/dist/features/CoPilotAnimation.jsSupport for a better (but bigger in size) animation for the "co-pilot" button in the shellbar component

Shellbar CoPilot animation

import "@gsmlg/ui5-webcomponents-fiori/dist/features/CoPilotAnimation.js";

By default, the ui5-shellbar CoPilot button ships with a simple animation for better performance. Importing the module above enables the detailed but more resource-intensive animation instead.

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.