@ui5/webcomponents-fiori
Advanced tools
Provides essential building blocks, necessary to implement the Fiori UX concept, such as a common header (ShellBar).
| Web Component | Tag name | Module import |
|---|---|---|
| Shell Bar | ui5-shellbar | import "@ui5/webcomponents-fiori/dist/ShellBar.js"; |
| Shell Bar Item | ui5-shellbar-item | import "@ui5/webcomponents-fiori/dist/ShellBarItem.js"; |
| Product Switch | ui5-product-switch | import "@ui5/webcomponents-fiori/dist/ProductSwitch.js"; |
| Product Switch Item | ui5-product-switch-item | import "@ui5/webcomponents-fiori/dist/ProductSwitchItem.js"; |
For a complete list of all public module imports from the fiori package, 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.
1.0.0-rc.6 (2020-03-27)
ui5-combobox: introduce new component (#1123) (ca2fa23):new:
ui5-carousel: introduce new component (#1159) (5b84d85):new:
ui5-file-uploader: introduce new component (#1184) (e628dbd):new:
ui5-segmentedbutton: introduce new component (#1164) (931fbe0):new:
ui5-timepicker: implement new component (#1172) (56e39bc):new:
ui5-responsive-popover: introduce new component (#1014) (48400cd):new:
ui5-cb-item: introduce new component to serve as item of "ui5-combobox" (#1254) (861a19b):new:
ui5-mcb-item: introduce new component to serve as item of "ui5-multi-combobox" (#1254) (861a19b):new:
ui5-suggestion-item: introduce new component to serve as suggestion in "ui5-input" (#1336) (786f4e9):new:
ui5-avatar: add "initials", "imageFitType" and "backgroundColor" properties (#1151) (5d27c7f)
ui5-datepicker: add "minDate" and "maxDate" properties (#1040) (35b2593)
ui5-dialog: improve component accessibility (#1288) (ef2886b)
ui5-input, ui5-select, ui5-combobox, ui5-datepicker, ui5-multi-combobox: open dialog on mobile (#1144) (d7b1179)
ui5-list: add "infinite-scroll" capability (#1220) (756b78b)
ui5-messagestrip: remove "icon" property and introduce "icon" slot (#1216) (7802ac1)
ui5-multi-combobox: implement angular two-way data binding (#1363) (33009db)
ui5-shellbar-item: introduce "count" property (#1221) (02ddd0d)
ui5-static-area-item: implement lazy loading (#1272) (1f76a71)
ui5-tabcontainer: add "tabLayout" property (#1214) (e79dcc8)
framework: introduce "High Contrast White" theme (#1215) (28ed69a)
framework: allow the registration of custom themes (#1109) (6a69521)
framework: fallback to Fiori 3 theme when non-existing theme is set (#1039) (7f89c39)
framework: provide Web Components Polyfill as ES6 import (#1322) (ddc19fa)
ScrollEnablement: enhance implementation to work on desktop (#1374) (2567bea)
tools: generate JS docs with the create-ui5-script (#987) (f0f5ec5)
ui5-avatar: remove "background-color" when no image set (#1148) (2bd2204)
ui5-avatar: make styles attribute dependant (#1360) (e2791b0)
ui5-busyindicator: adjust stylings to latest spec (#1344) (0af6c3d)
ui5-busyindicator: display dots with size=Large by default (#1315) (743f0b3)
ui5-datepicker: fix calendar header width in IE (#1205) (2d21ae0)
ui5-datepicker: fix hover "bg-color" when readonly (#1361) (1696cba)
ui5-dialog: provide "min-width" on desktop (#1257) (05b208d)
ui5-dialog: stretch content area of dialog #920 (#1167) (894d457)
ui5-dialog: fix JS error when no header text set (#1146) (44e631a)
ui5-icon: remove unneccessary aria-label attribute (#1284) (9f2e756)
ui5-icon: fix warning to show correct path (#1140) (59c1e02)
ui5-input: fix JS error when keyboard handling is used (#1301) (85f01d7)
ui5-label: fix truncation when "show-colon" is set (#1079) (9e84314)
ui5-li: fix focus outline color when active (#1143) (7c4ee77)
ui5-link: fix JS error when "href" is undefined (#1373) (a7cf983)
ui5-multi-cbx: open correct popover from show more text (#1371) (68cb73d)
ui5-multi-cbx: remove horizontal scrollbar (#1312) (05175c4)
ui5-popover: sync "z-index" with all popups and dialogs (#1209) (5f8ce93)
ui5-popover: add header and footer to focus cycling (#1298) (0e0344c)
ui5-responsive-popover: set "z-index" on phone (#1303) (a38b605)
ui5-segmentedbutton: adjust component size (#1225) (1a8f8b0)
ui5-select: fix component baseline alignment (#1075) (37b7891)
ui5-select: prevent selection from cycling (#1066) (d46be1f)
ui5-shellbar: change path in imports for playground (#1008) (bfe36dd)
ui5-shellbar: create CSS vars for active text color for "Belize" and "HCB" (#1107) (06bc58b)
ui5-shellbar: fire "logoClick" on small size (#1192) (b84b9d8)
ui5-shellbar: provide correct target ref when item is in overflow popover (#1334) (7636bb7)
ui5-tabcontainer: apply overflow items styles (#1178) (63ca721)
ui5-tabcontainer: fix tab sizes on compact (#1364) (6a4738e)
ui5-table-row: fix first and "nodata" rows visual (#1156) (991e546)
ui5-tabcontainer: fix tab content overflow and height calculation (#1056) (6b65fa4)
ui5-table: optimize non "popin" table rendering (#1229) (872dcad)
ui5-textarea: apply "border" and "bg-color" to native textarea (#1250) (a804e30)
ui5-timepicker: fix JS Error and improve user XP(#1362) (f02477b)
ui5-toast: keep toast open when hovered (#1294) (2f4fd6e), closes #1292
framework: identify StaticArea and StaticAreaElement as UI5Element (#1168) (28f827a)
framework: prevent infinite loop when fetching i18n bundles (#1333) (f605566)
framework: prevent error when deleting static area item (#1335) (5a99536)
framework: apply size "compact" for StaticArea items (#1204) (c411774)
framework: merge components metadata properly (#1092) (6a29872)
framework: create the font face style tag only once (#1090) (1a09e13)
framework: propagate compact size when ui5-content-density-compact class is set (#1136) (2db62ba)
tools: The init package script now correctly has HCW (#1293) (0c408d2)
playground: deploy all test pages to gh pages (#1034) (ddb8fc2)
ui5-tabcontainer: provide "tabIndex" in "tabSelect" event (d8d4fdb)
ui5-textarea: rename property "maxLength" to "maxlength" (#1068) (b2ee6a3)
project: create "localization" package and deprecate "core" and "utils" packages (#1296) (b5e1337)
ui5-busyindicator: change default size of busy dots to Medium.
ui5-icon: src property is removed in favor of name.
ui5-messagestrip: replace icon property with icon slot to allow setting arbitrary content by the user.
ui5-mcb-item: - ui5-multi-combobox no longer accepts ui5-li for items, use ui5-cb-item instead.
ui5-shellbar: profile property is removed in favour of profile slot.
ui5-tabcontainer: itemSelect event is renamed to tabSelect and the item event parameter is renamed to tab.
ui5-card: the property subtitle has been renamed to subheading.
ui5-textarea: the property maxLength has been renamed to maxlength.
Also, the attribute name is changed from max-length to maxlength.
framework: configuring of compact size is removed, use the ui5-content-density-compact CSS class to apply compact size.
project: create "localization" package and deprecate "core" and "utils" packages. The "localization" provides date/time and CLDR functionality
FAQs
UI5 Web Components: webcomponents.fiori
The npm package @ui5/webcomponents-fiori receives a total of 35,668 weekly downloads. As such, @ui5/webcomponents-fiori popularity was classified as popular.
We found that @ui5/webcomponents-fiori demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 5 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
Newly introduced telemetry in devenv 1.4 sparked a backlash over privacy concerns, leading to the removal of its AI-powered feature after strong community pushback.
Security News
TC39 met in Seattle and advanced 9 JavaScript proposals, including three to Stage 4, introducing new features and enhancements for a future ECMAScript release.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
