UI5 Web Components - the enterprise-flavored sugar on top .zip

 # UI5 Web Components - Main [](https://www.npmjs.com/package/@ui5/webcomponents) Provides general purpose UI building blocks such as buttons, labels, inputs and popups. ## Provided components | Web Component | Tag name | Module import | |--------------------------|-----------------------------|------------------------------------------------------------| | Avatar | `ui5-avatar` | `import "@ui5/webcomponents/dist/Avatar.js";` | | Avatar Group | `ui5-avatar-group` | `import "@ui5/webcomponents/dist/AvatarGroup.js";` | | Badge | `ui5-badge` | `import "@ui5/webcomponents/dist/Badge.js";` | | Breadcrumbs | `ui5-breadcrumbs` | `import "@ui5/webcomponents/dist/Breadcrumbs.js";` | | Breadcrumbs Item | `ui5-breadcrumbs-item` | comes with `ui5-breadcrumbs` | | Badge | `ui5-badge` | `import "@ui5/webcomponents/dist/Badge.js";` | | Busy Indicator | `ui5-busy-indicator` | `import "@ui5/webcomponents/dist/BusyIndicator.js";` | | Button | `ui5-button` | `import "@ui5/webcomponents/dist/Button.js";` | | Calendar | `ui5-calendar` | `import "@ui5/webcomponents/dist/Calendar.js";` | | Calendar Date | `ui5-calendar-date` | comes with `ui5-calendar` | | Card | `ui5-card` | `import "@ui5/webcomponents/dist/Card.js";` | | CardHeader | `ui5-card-header` | `import "@ui5/webcomponents/dist/CardHeader.js";` | | Carousel | `ui5-carousel` | `import "@ui5/webcomponents/dist/Carousel.js";` | | Checkbox | `ui5-checkbox` | `import "@ui5/webcomponents/dist/CheckBox.js";` | | Color Palette | `ui5-color-palette` | `import "@ui5/webcomponents/dist/ColorPalette.js";` | | Color Palette Item | `ui5-color-palette-item` | comes with `ui5-color-palette` | | Color Palette Popover | `ui5-color-palette-popover` | comes with `ui5-color-palette-popover` | | Color Picker | `ui5-color-picker` | `import "@ui5/webcomponents/dist/ComboPicker.js";` | | ComboBox | `ui5-combobox` | `import "@ui5/webcomponents/dist/ComboBox.js";` | | ComboBox Item | `ui5-cb-item` | comes with `ui5-combobox` | | ComboBox Group Item | `ui5-cb-group-item` | comes with `ui5-combobox` | | Date Picker | `ui5-date-picker` | `import "@ui5/webcomponents/dist/DatePicker.js";` | | Date Range Picker | `ui5-daterange-picker` | `import "@ui5/webcomponents/dist/DateRangePicker.js";` | | Date Time Picker | `ui5-datetime-picker` | `import "@ui5/webcomponents/dist/DateTimePicker.js";` | | Dialog | `ui5-dialog` | `import "@ui5/webcomponents/dist/Dialog.js";` | | File Uploader | `ui5-file-uploader` | `import "@ui5/webcomponents/dist/FileUploader.js";` | | Icon | `ui5-icon` | `import "@ui5/webcomponents/dist/Icon.js";` | | Input | `ui5-input` | `import "@ui5/webcomponents/dist/Input.js";` | | Label | `ui5-label` | `import "@ui5/webcomponents/dist/Label.js";` | | Link | `ui5-link` | `import "@ui5/webcomponents/dist/Link.js";` | | List | `ui5-list` | `import "@ui5/webcomponents/dist/List.js";` | | List - Standard Item | `ui5-li` | `import "@ui5/webcomponents/dist/StandardListItem.js";` | | List - Custom Item | `ui5-li-custom` | `import "@ui5/webcomponents/dist/CustomListItem.js";` | | List - Group Header Item | `ui5-li-groupheader` | `import "@ui5/webcomponents/dist/GroupHeaderListItem.js";` | | Menu | `ui5-menu ` | `import "@ui5/webcomponents/dist/Menu.js";` | | Message Strip | `ui5-message-strip` | `import "@ui5/webcomponents/dist/MessageStrip.js";` | | Multi ComboBox | `ui5-multi-combobox` | `import "@ui5/webcomponents/dist/MultiComboBox.js";` | | Multi ComboBox Item | `ui5-mcb-item` | comes with `ui5-multi-combobox` | | Multi ComboBox Group Item| `ui5-mcb-group-item` | comes with `ui5-multi-combobox` | | Multi Input | `ui5-multi-input` | `import "@ui5/webcomponents/dist/MultiInput.js";` | | Panel | `ui5-panel` | `import "@ui5/webcomponents/dist/Panel.js";` | | Popover | `ui5-popover` | `import "@ui5/webcomponents/dist/Popover.js";` | | ProgressIndicator | `ui5-progress-indicator` | `import "@ui5/webcomponents/dist/ProgressIndicator.js";` | | Radio Button | `ui5-radio-button` | `import "@ui5/webcomponents/dist/RadioButton.js";` | | Range Slider | `ui5-range-slider` | `import "@ui5/webcomponents/dist/RangeSlider.js";` | | Rating Indicator | `ui5-rating-indicator` | `import "@ui5/webcomponents/dist/RatingIndicator.js";` | | Responsive Popover | `ui5-responsive-popover` | `import "@ui5/webcomponents/dist/ResponsivePopover.js";` | | Segmented Button | `ui5-segmented-button` | `import "@ui5/webcomponents/dist/SegmentedButton.js";` | | Segmented Button Item | `ui5-segmented-button-item` | comes with `ui5-segmented-button ` | | Select | `ui5-select` | `import "@ui5/webcomponents/dist/Select.js";` | | Select Option | `ui5-option` | comes with `ui5-select ` | | Slider | `ui5-slider` | `import "@ui5/webcomponents/dist/Slider.js";` | | Split Button | `ui5-split-button` | `import "@ui5/webcomponents/dist/SplitButton.js";` | | Step Input | `ui5-step-input` | `import "@ui5/webcomponents/dist/StepInput.js";` | | Suggestion Item | `ui5-suggestion-item` | comes with `InputSuggestions.js` feature - see below | | Switch | `ui5-switch` | `import "@ui5/webcomponents/dist/Switch.js";` | | Tab Container | `ui5-tabcontainer` | `import "@ui5/webcomponents/dist/TabContainer.js";` | | Tab | `ui5-tab` | `import "@ui5/webcomponents/dist/Tab.js";` | | Tab Separator | `ui5-tab-separator` | `import "@ui5/webcomponents/dist/TabSeparator.js";` | | Table | `ui5-table` | `import "@ui5/webcomponents/dist/Table.js";` | | Table Column | `ui5-table-column` | `import "@ui5/webcomponents/dist/TableColumn.js";` | | Table Row | `ui5-table-row` | `impo