BlogBlogA post on somebody's own site or a community platform. Nobody edits it after publication, so it dates from the day it was written.See every one →SAP Community
SAPUI5 Web Components with Ionic and CAPM
Imports specific @ui5/webcomponents@ui5/webcomponentsSAP's UI elements as standard custom elements, ui5-button among them, implementing SAP Fiori design and usable from plain HTML, React, Angular or Vue.sap official, ui5 elements — Timeline, Card and Table — into an Ionic/Angular app by declaring CUSTOM_ELEMENTS_SCHEMA, then binds each to JSON data served by a small CAP backend. It is a working demonstration of the elements running inside a non-UI5 framework, down to a Chart.js canvas embedded inside a UI5 card beside the table.
Where it sits
Explains
Web Components interopUI5Web Components interopUsing standards-based custom elements inside an app, and the question of which control set an app should be built from at all, two concerns that are often answered as one.@ui5/webcomponentsUI5@ui5/webcomponentsSAP's UI elements as standard custom elements, `ui5-button` among them, implementing SAP Fiori design and usable from plain HTML, React, Angular or Vue.
Since then
@ui5/webcomponents has been through 8 major lines since this was published, most recently 0.33 (2021-08), 1 (2021-11), 2 (2024-07)
Source
reachable
Who is behind it
nabheetscnauthor
Before you read it
ApplicabilityNew majors@ui5/webcomponents has been through 8 major lines since this was published, most recently 0.33 (2021-08), 1 (2021-11), 2 (2024-07).
This is a derived prompt to re-check the work, not a claim that the work is wrong. Exact stale statements are recorded separately after editorial review.
Properties
About this work
Details
Graph
Web Components interopcapability, core and community
@ui5/webcomponentsartifact
SAP Communitypublishing source
SAP Communitycap-tag
Source
Type
blog
Published on
Host
community.sap.com
Discovered via
First seen
History
- Entered the atlasDiscovered via SAP Community · cap-tag.
For your agent
- Ref
content:sapui5-web-components-with-ionic-and-capm- JSON
- /content/sapui5-web-components-with-ionic-and-capm.json
- MCP
- Connecting an agent