@ui5/webcomponents-react

@ui5/webcomponents-react

React components with Fiori compliant style by leveraging UI5 Web Components.

Installation

npm install @ui5/webcomponents-react

Documentation

You can find an interactive documentation in our Storybook.

Contribute

Please check our Contribution Guidelines.

License

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.

Changelog

2.13.0 (2025-08-05)

Bug Fixes

• AnalyticalTable: correctly log warning for column width (#7539) (0b5a163)
• deps: update dependency cross-env to v10 (#7572) (89ed3f3)
• deps: update dependency react-content-loader to v7.1.0 (#7533) (69eac6f)
• deps: update dependency react-content-loader to v7.1.1 (#7540) (a12c466)
• MessageViewButton: make counter accessible to screen readers (#7602) (de906a1)
• ObjectPage: toggle header correctly when toggleHeaderArea is initially called (#7531) (7625a62), closes #7527
• SelectDialog: adjust heading level to h1 (#7594) (60faf04), closes #7568
• SelectDialog: apply latest Design and A11y specs (#7586) (e26f690), closes #7577
• SelectDialog: enable F6-Navigation (#7583) (9cd3f24), closes #7567

Features

• AnalyticalTable: add components that should not select a row when pressed (#7517) (4e902af), closes #7516
• ColumnChartWithTrend: add tooltipConfig prop (#7607) (b942f5f), closes #7597
• ObjectPage: implement keyboard-navigation & focus handling for sections (#7528) (b36f1fa), closes #7386 #7268 #7548
• ObjectPageSection: add tabRef prop (#7590) (251e20a), closes #7589 #4369
• SelectDialog: add headerTextLevel prop (#7595) (4d45358), closes #7593 #7568
• SelectDialog: add SR announcement for number of selected items (#7598) (6f42bcc), closes #7592
• SplitterLayout: introduce onResize event (#7519) (35b1fc8), closes #7477
• update to UI5 Web Components v2.13.1 (#7621) (23c89f9)