@@ -7,45 +7,46 @@ such as a common header (ShellBar).
77
88## Provided components
99
10- | Web Component | Tag name | Module import |
11- | -------------------------------------------| --------------------------------| -----------------------------------------------------------------------|
12- | Barcode Scanner Dialog | ` ui5-barcode-scanner-dialog ` | ` import "@ui5/webcomponents-fiori/dist/BarcodeScannerDialog.js"; ` |
13- | Dynamic Side Content | ` ui5-dynamic-side-content ` | ` import "@ui5/webcomponents-fiori/dist/DynamicSideContent.js"; ` |
14- | Flexible Column Layout | ` ui5-flexible-column-layout ` | ` import "@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js"; ` |
15- | Illustrated Message | ` ui5-illustrated-message ` | ` import "@ui5/webcomponents-fiori/dist/IllustratedMessage.js"; ` |
16- | Media Gallery | ` ui5-media-gallery ` | ` import "@ui5/webcomponents-fiori/dist/MediaGallery.js"; ` |
17- | Media Gallery Item | ` ui5-media-gallery-item ` | comes with ` ui5-media-gallery ` |
18- | Notification List | ` ui5-notification-list ` | ` import "@ui5/webcomponents-fiori/dist/NotifcationList.js"; ` |
19- | Notification List Item | ` ui5-li-notification ` | ` import "@ui5/webcomponents-fiori/dist/NotifcationListItem.js"; ` |
20- | Notification Group List Item | ` ui5-li-notification-group ` | ` import "@ui5/webcomponents-fiori/dist/NotifcationListGroupItem.js"; ` |
21- | Notification Action | ` ui5-notification-action ` | ` import "@ui5/webcomponents-fiori/dist/NotificationAction.js"; ` |
22- | Page | ` ui5-page ` | ` import "@ui5/webcomponents-fiori/dist/Page.js"; ` |
23- | Product Switch | ` ui5-product-switch ` | ` import "@ui5/webcomponents-fiori/dist/ProductSwitch.js"; ` |
24- | Product Switch Item | ` ui5-product-switch-item ` | ` import "@ui5/webcomponents-fiori/dist/ProductSwitchItem.js"; ` |
25- | Shell Bar | ` ui5-shellbar ` | ` import "@ui5/webcomponents-fiori/dist/ShellBar.js"; ` |
26- | Shell Bar Item | ` ui5-shellbar-item ` | ` import "@ui5/webcomponents-fiori/dist/ShellBarItem.js"; ` |
27- | Side Navigation | ` ui5-side-navigation ` | ` import "@ui5/webcomponents-fiori/dist/SideNavigation.js"; ` |
28- | Side Navigation Item | ` ui5-side-navigation-item ` | ` import "@ui5/webcomponents-fiori/dist/SideNavigationItem.js"; ` |
29- | Side Navigation Sub Item | ` ui5-side-navigation-sub-item ` | ` import "@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js"; ` |
30- | Side Navigation Group | ` ui5-side-navigation-group ` | ` import "@ui5/webcomponents-fiori/dist/SideNavigationGroup.js"; ` |
31- | Timeline | ` ui5-timeline ` | ` import "@ui5/webcomponents-fiori/dist/Timeline.js"; ` |
32- | Timeline Item | ` ui5-timeline-item ` | comes with ` ui5-timeline ` |
33- | Timeline Group Item | ` ui5-timeline-group-item ` | ` import "@ui5/webcomponents-fiori/dist/TimelineGroupItem.js"; ` |
34- | Upload Collection | ` ui5-upload-collection ` | ` import "@ui5/webcomponents-fiori/dist/UploadCollection.js"; ` |
35- | Upload Collection Item | ` ui5-upload-collection-item ` | ` import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js"; ` |
36- | User Menu | ` ui5-user-menu ` | ` import "@ui5/webcomponents-fiori/dist/UserMenu.js"; ` |
37- | User Menu Account | ` ui5-user-menu-account ` | ` import "@ui5/webcomponents-fiori/dist/UserMenuAccount.js"; ` |
38- | User Menu Item | ` ui5-user-menu-item ` | ` import "@ui5/webcomponents-fiori/dist/UserMenuItem.js"; ` |
39- | User Menu Item Group | ` ui5-user-menu-item-group ` | ` import "@ui5/webcomponents-fiori/dist/UserMenuItemGroup.js"; ` |
40- | User Settings Dialog | ` ui5-user-settings-dialog ` | ` import "@ui5/webcomponents-fiori/dist/UserSettingsDialog.js"; ` |
41- | User Settings Item | ` ui5-user-settings-item ` | ` import "@ui5/webcomponents-fiori/dist/UserSettingsItem.js"; ` |
42- | User Settings View | ` ui5-user-settings-view ` | ` import "@ui5/webcomponents-fiori/dist/UserSettingsView.js"; ` |
43- | View Settings Dialog | ` ui5-view-settings-dialog ` | ` import "@ui5/webcomponents-fiori/dist/ViewSettingsDialog.js"; ` |
44- | View Settings Dialog - Sort Item | ` ui5-sort-item ` | ` import "@ui5/webcomponents-fiori/dist/SortItem.js"; ` |
45- | View Settings Dialog - Filter Item | ` ui5-filter-item ` | ` import "@ui5/webcomponents-fiori/dist/FilterItem.js"; ` |
46- | View Settings Dialog - Filter Item Option | ` ui5-filter-item-option ` | ` import "@ui5/webcomponents-fiori/dist/FilterItemOption.js"; ` |
47- | Wizard | ` ui5-wizard ` | ` import "@ui5/webcomponents-fiori/dist/Wizard.js"; ` |
48- | Wizard Step | ` ui5-wizard-step ` | comes with ` ui5-wizard ` |
10+ | Web Component | Tag name | Module import |
11+ | -------------------------------------------| ----------------------------------| -----------------------------------------------------------------------|
12+ | Barcode Scanner Dialog | ` ui5-barcode-scanner-dialog ` | ` import "@ui5/webcomponents-fiori/dist/BarcodeScannerDialog.js"; ` |
13+ | Dynamic Side Content | ` ui5-dynamic-side-content ` | ` import "@ui5/webcomponents-fiori/dist/DynamicSideContent.js"; ` |
14+ | Flexible Column Layout | ` ui5-flexible-column-layout ` | ` import "@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js"; ` |
15+ | Illustrated Message | ` ui5-illustrated-message ` | ` import "@ui5/webcomponents-fiori/dist/IllustratedMessage.js"; ` |
16+ | Media Gallery | ` ui5-media-gallery ` | ` import "@ui5/webcomponents-fiori/dist/MediaGallery.js"; ` |
17+ | Media Gallery Item | ` ui5-media-gallery-item ` | comes with ` ui5-media-gallery ` |
18+ | Notification List | ` ui5-notification-list ` | ` import "@ui5/webcomponents-fiori/dist/NotifcationList.js"; ` |
19+ | Notification List Item | ` ui5-li-notification ` | ` import "@ui5/webcomponents-fiori/dist/NotifcationListItem.js"; ` |
20+ | Notification Group List Item | ` ui5-li-notification-group ` | ` import "@ui5/webcomponents-fiori/dist/NotifcationListGroupItem.js"; ` |
21+ | Notification Action | ` ui5-notification-action ` | ` import "@ui5/webcomponents-fiori/dist/NotificationAction.js"; ` |
22+ | Page | ` ui5-page ` | ` import "@ui5/webcomponents-fiori/dist/Page.js"; ` |
23+ | Product Switch | ` ui5-product-switch ` | ` import "@ui5/webcomponents-fiori/dist/ProductSwitch.js"; ` |
24+ | Product Switch Item | ` ui5-product-switch-item ` | ` import "@ui5/webcomponents-fiori/dist/ProductSwitchItem.js"; ` |
25+ | Shell Bar | ` ui5-shellbar ` | ` import "@ui5/webcomponents-fiori/dist/ShellBar.js"; ` |
26+ | Shell Bar Item | ` ui5-shellbar-item ` | ` import "@ui5/webcomponents-fiori/dist/ShellBarItem.js"; ` |
27+ | Side Navigation | ` ui5-side-navigation ` | ` import "@ui5/webcomponents-fiori/dist/SideNavigation.js"; ` |
28+ | Side Navigation Item | ` ui5-side-navigation-item ` | ` import "@ui5/webcomponents-fiori/dist/SideNavigationItem.js"; ` |
29+ | Side Navigation Sub Item | ` ui5-side-navigation-sub-item ` | ` import "@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js"; ` |
30+ | Side Navigation Group | ` ui5-side-navigation-group ` | ` import "@ui5/webcomponents-fiori/dist/SideNavigationGroup.js"; ` |
31+ | Timeline | ` ui5-timeline ` | ` import "@ui5/webcomponents-fiori/dist/Timeline.js"; ` |
32+ | Timeline Item | ` ui5-timeline-item ` | comes with ` ui5-timeline ` |
33+ | Timeline Group Item | ` ui5-timeline-group-item ` | ` import "@ui5/webcomponents-fiori/dist/TimelineGroupItem.js"; ` |
34+ | Upload Collection | ` ui5-upload-collection ` | ` import "@ui5/webcomponents-fiori/dist/UploadCollection.js"; ` |
35+ | Upload Collection Item | ` ui5-upload-collection-item ` | ` import "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js"; ` |
36+ | User Menu | ` ui5-user-menu ` | ` import "@ui5/webcomponents-fiori/dist/UserMenu.js"; ` |
37+ | User Menu Account | ` ui5-user-menu-account ` | ` import "@ui5/webcomponents-fiori/dist/UserMenuAccount.js"; ` |
38+ | User Menu Item | ` ui5-user-menu-item ` | ` import "@ui5/webcomponents-fiori/dist/UserMenuItem.js"; ` |
39+ | User Menu Item Group | ` ui5-user-menu-item-group ` | ` import "@ui5/webcomponents-fiori/dist/UserMenuItemGroup.js"; ` |
40+ | User Settings Dialog | ` ui5-user-settings-dialog ` | ` import "@ui5/webcomponents-fiori/dist/UserSettingsDialog.js"; ` |
41+ | User Settings Item | ` ui5-user-settings-item ` | ` import "@ui5/webcomponents-fiori/dist/UserSettingsItem.js"; ` |
42+ | User Settings Account View | ` ui5-user-settings-account-view ` | ` import "@ui5/webcomponents-fiori/dist/UserSettingsAccountView.js"; ` |
43+ | User Settings View | ` ui5-user-settings-view ` | ` import "@ui5/webcomponents-fiori/dist/UserSettingsView.js"; ` |
44+ | View Settings Dialog | ` ui5-view-settings-dialog ` | ` import "@ui5/webcomponents-fiori/dist/ViewSettingsDialog.js"; ` |
45+ | View Settings Dialog - Sort Item | ` ui5-sort-item ` | ` import "@ui5/webcomponents-fiori/dist/SortItem.js"; ` |
46+ | View Settings Dialog - Filter Item | ` ui5-filter-item ` | ` import "@ui5/webcomponents-fiori/dist/FilterItem.js"; ` |
47+ | View Settings Dialog - Filter Item Option | ` ui5-filter-item-option ` | ` import "@ui5/webcomponents-fiori/dist/FilterItemOption.js"; ` |
48+ | Wizard | ` ui5-wizard ` | ` import "@ui5/webcomponents-fiori/dist/Wizard.js"; ` |
49+ | Wizard Step | ` ui5-wizard-step ` | comes with ` ui5-wizard ` |
4950
5051## Provided assets
5152
0 commit comments