@ui5/webcomponents-react
Advanced tools
React Wrapper for UI5 Web Components and additional components
React components with Fiori compliant style by leveraging UI5 Web Components.
npm install @ui5/webcomponents-react
You can find an interactive documentation in our Storybook.
Please check our Contribution Guidelines.
Please see our LICENSE for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available via the REUSE tool.
2.0.0-rc.0 (2024-07-11)
useRowDisableSelection: remove title from select-all cell (#5955) (c731554), closes #5953Text component (#6022) (455acc1)keyup instead of keydown (#6013) (f1386f8), closes #4388dangerouslySetInnerHTML from types (#6002) (f5f9101)onClose type (#5975) (a30867a)titleText is overflowing (#6015) (dba28ce), closes #5990HTMLDivElement from onClick type (#6011) (671cfaa)jestSetup (#5906) (2da6d60)react-jss (#5907) (5342836)AnalyticalCard component (#5887) (1d8b257)portalContainer prop (#6039) (7e19fbb)onClose event (#5989) (ef490f4)spacing variables (#6009) (c2c3730)Toolbar with UI5 Web Component (#6061) (bf60767)loadingDelay prop (#6025) (6d80fd8)loadingDelay prop (#6027) (71fcb40)DynamicPage & rename ObjectPage components (#5939) (cb684cd)Loader to compat package & replace with BusyIndicator (#6020) (80d8c0b)preserveHeaderStateOnClick prop (#6049) (c3c6f06)loading & loadingDelay props (#6028) (3891437)Toolbar component and its related components have been moved to the @ui5/webcomponents-react-compat package.ToolbarV2 component has been renamed to ToolbarToolbarSpacerV2 component has been renamed to ToolbarSpacerToolbarSeparatorV2 component has been renamed to ToolbarSeparatorshowHideHeaderButton and showTitleInHeaderContent have been removed.alwaysShowContentHeader has been renamed to headerPinnedheaderContentPinnable has been renamed to hidePinButton and its logic has been inverted. The pin button is now shown by default.showSubHeaderRight has been removed as it's not defined by design anymore.withoutModalsProvider has been removed. For more information, please refer to our Migration Guide.useShowDialog, useShowPopover, useShowResponsivePopover, useShowMenu, useShowMessageBox and useShowToast have been removed. For more information, please refer to our Migration Guide.a11yConfig has been renamed to accessibilityAttributes.AnalyticalTableSelectionMode enum has been changed. SingleSelect is now Single and MultiSelect is now Multiple.a11yConfig has been renamed to accessibilityAttributes.a11yConfig has been renamed to accessibilityAttributes.active has been renamed to interactive.portalContainer has been removed as it's no longer needed due to the Popover API.SuggestionGroupItem component has been replaced by the SuggestionItemGroup componentTableScaleWidthMode enum has been removed, please use AnalyticalTableScaleWidthMode instead.TableSelectionBehavior enum has been removed, please use AnalyticalTableSelectionBehavior instead.TableSelectionMode enum has been removed, please use AnalyticalTableSelectionMode instead.TableVisibleRowCountMode enum has been removed, please use AnalyticalTableVisibleRowCountMode instead.alwaysShowSubComponent prop has been removed, please use subComponentsBehavior instead.true) of the sortable prop has been removed, it is now required to explicitly set this prop, if the table should be sortable.canReorder column property has been removed, please use disableDragAndDrop instead.Loader component has been moved to the @ui5/webcomponents-react-compat package. Please use the BusyIndicator instead, as it's now the only loading indicator that is supported by our UX guidelines. Please visit our Migration Guide for more details.visible and visibleInFilterBar (default: true) props have been replaced with hidden and hiddenInFilterBar (no default value).titleText is now required.true for the prop titleTextUppercase has been removed.titleText is now required.onRowClick and onRowSelect are now fired on keyup instead ofkeydown.HTMLDivElement type has been removed from the onClick handler.Text component has been replaced with the ui5-text web component, please visit our Migration Guide for more details.hyphenated and emptyIndicator from the Text have been removed.portalContainer prop has been removed as it's not needed anymoredangerouslySetInnerHTML type has been removedGlobalStyleClasses enum has been removedonClose is now a plain callback and not a CustomEvent event anymore. It now receives two params: action & escPressed.MessageBoxActions enum has been renamed to MessageBoxActionMessageBoxTypes enum has been renamed to MessageBoxTypeThemes enum has been renamed to Theme and the deprecated "Belize" (sap_belize) theme family has been removedportalContainer prop has been removed as it's not needed anymoreshowCancelButton has been renamed to hideCancelButton and the logic has been inverted.StandardListItem has been replaced with the ListItemStandard componentCustomListItem has been replaced with the ListItemCustom componentMultiComboBoxGroupItem has been replaced with the MultiComboBoxItemGroup componentTableGroupRow component has been deletedTableColumn component has been replaced with the TableHeaderCell componentportalContainer prop has been removed as it is no longer needed.DynamicPage component has been replaced with the ui5-dynamic-page UI5 Web Component, please visit our Migration Guide for more details.DynamicPageHeader component has been replaced with the ui5-dynamic-page-header UI5 Web Component, please visit our Migration Guide for more details.DynamicPageTitle component has been replaced with the ui5-dynamic-page-title UI5 Web Component, please visit our Migration Guide for more details.headerTitle now only accepts the ObjectPageTitle component instead of the DynamicPageTitle.headerContent now only accepts the ObjectPageHeader component instead of the DynamicPageTitle.a11yConfig.dynamicPageAnchorBar has been renamed to a11yConfig.objectPageAnchorBarForm component has been replaced with the ui5-form UI5 Web Component, please visit our Migration Guide for more details.react-jss internally, hence the dependency is now removed and the react-jss ThemeProvider is no longer rendered as part of our ThemeProvider. If you are relying on react-jss in your application, please make sure to render your own react-jss ThemeProvider.useResponsiveContentPadding has been removed. You can achieve the same look and feel by using the responsive content padding from Common CSS.jest as a testing framework over a year ago, thus the jestSetup file is removed. We recommend using cypress instead.AnalyticalCard component has been removed. Please use the Card component instead.ActionSheet: prop placementType has been renamed to placement, onAfterClose to onClose and onAfterOpen to onOpenBadge component has been renamed to TagComboBoxGroupItem component has been renamed to ComboBoxItemGroupGroupHeaderListItem component has been renamed to ListItemGroupNotificationAction component has been removed. You can use the Menu component instead.SelectMenu and SelectMenuOption components have been removed. The Select and Option now allow custom content.SelectDialog: renamed prop mode to selectionMode to be aligned with new List API, onAfterClose to onClose and onAfterOpen to onOpenheaderTitle type with ReactElement<DynamicPageTitlePropTypes>headerContent type with ReactElement<DynamicPageHeaderPropTypes>image type with string | ReactElement<AvatarPropTypes>FAQs
React Wrapper for UI5 Web Components and additional components
The npm package @ui5/webcomponents-react receives a total of 16,241 weekly downloads. As such, @ui5/webcomponents-react popularity was classified as popular.
We found that @ui5/webcomponents-react 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
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.